Color & design
Color palette generator
Create a five-color palette from a seed color. Choose complementary, analogous, or monochrome harmony, then copy colors or CSS variables.
Free to useNo sign-upOn your device
Opening your workspace…
How to use it
- 01
Choose a seed color.
- 02
Select a color harmony and generate a palette.
- 03
Click individual swatches to copy or export the CSS variables.
A few useful answers
Will every color pair have enough contrast?
No. Use the Contrast checker to test the text and background combinations you plan to use.
Can I use these colors in a brand?
The tool provides starting points. Review color combinations, context, and accessibility before committing to a brand palette.