Color Palette Generator
Generate harmonious color palettes for your designs. Choose a harmony mode, lock colors you like, and regenerate until you find the perfect combination.
Tip: Press the Space bar to regenerate quickly.
Frequently Asked Questions
What are color harmony modes?
Color harmony refers to aesthetically pleasing combinations based on their positions on the color wheel. Complementary colors sit opposite each other (high contrast). Analogous colors are neighbors (smooth, cohesive). Triadic colors are evenly spaced at 120 degrees (vibrant, balanced).
How do I lock a color?
Click the lock icon on any color swatch to keep it when you regenerate the palette. Locked colors stay in place while the remaining colors are replaced. This is useful when you have found a color you like and want to build around it.
What color formats are supported?
Each color is displayed in three formats: Hex (e.g., #3B82F6), RGB (e.g., rgb(59, 130, 246)), and HSL (e.g., hsl(217, 91%, 60%)). Click any value to copy it to your clipboard.
Can I use these palettes in my projects?
Yes, absolutely. All generated palettes are free to use in personal and commercial projects. Click “Copy Palette” to get all five hex values at once, ready to paste into your CSS, design tool, or style guide.