Color Palette Generator
Build a harmonious color scheme from one color.
Pick a base color and a harmony rule to get a five-color palette that works together: complementary contrast, calm analogous neighbors, balanced triadic and tetradic schemes, split complementary, or tints and shades of one hue. Out of ideas? Generate random palettes until one fits. Copy the HEX codes or CSS variables, or download the palette as an image.
How to generate a color palette
- Step 1
Choose a base color.
- Step 2
Pick a harmony — or press “Random palette”.
- Step 3
Copy the codes or download the palette.
Why use PhotoTools
Six harmony rules
From complementary to monochromatic.
Random ideas
New palettes with one click.
Ready to use
HEX, CSS variables and PNG.
Supported formats
Output
- HEX
- CSS
- PNG
Frequently asked questions
Which harmony should I choose?
Analogous and monochromatic palettes feel calm and unified; complementary and triadic ones add contrast and energy. On a website, use one strong color for accents and softer ones for backgrounds.
Are the colors accessible?
Check your text and background pairs with the Color Contrast Checker to make sure they meet WCAG.
Is it free?
Yes. Browser tools on PhotoTools are free, unlimited and work without an account.