Color palette generator
Create five colors from a base shade, lock your favorites, and download CSS variables ready to use.
Processed on this device. The files are not sent to a server.
Your five-color palette
The codes are outside the swatches so you can read them with any color. Check the contrast before using the palette on text.
How to use this tool
- Choose a base color and harmony: analogous, complementary, triadic or monochromatic.
- Review the swatches and block out the colors you want to keep when varying.
- Copy each HEX or download the five CSS variables.
What you should know
Five solid sRGB colors. Harmonies calculated in HSL; They do not guarantee contrast, printing equivalence or perceptual uniformity. Check the contrast before using text on the samples.
Are my palettes saved?
No. Colors and blocking remain on this page; download the CSS to keep them.