Color Palette Generator
Turn one base color into a matching palette using classic color-harmony rules.
How to use the Color Palette Generator
- Pick a base color.
- Choose a harmony (complementary, analogous, triadic, and more).
- Click any swatch to copy its hex, or copy the whole palette.
About the Color Palette Generator
The Color Palette Generator turns one base color into a coordinated set of five colors using classic color-theory relationships. Pick a base color, choose a harmony — complementary, analogous, triadic, tetradic, monochromatic or shades — and it calculates the matching colors by rotating the hue and adjusting lightness on the color wheel. Click any swatch to copy its hex code, or copy the whole palette at once.
Each harmony has a different feel. Complementary uses opposite hues for high contrast; analogous uses neighbours for a calm, cohesive look; triadic and tetradic spread evenly around the wheel for balanced variety; monochromatic and shades stay on one hue and vary the lightness, which is handy for backgrounds, borders and hover states. Everything is computed in your browser, so it is instant and nothing is uploaded. To fine-tune a single value, the hex to RGB converter helps, and for backgrounds the CSS gradient generator pairs well.
Frequently asked questions
How does it choose the colors?
It converts your base color to HSL and rotates the hue and adjusts lightness according to the harmony you pick, which mirrors how designers use the color wheel.
What do the harmony types mean?
Complementary uses opposite hues for high contrast; analogous uses neighbouring hues for a harmonious look; triadic and tetradic use evenly spaced hues for balanced variety; monochromatic and shades keep one hue at different lightness levels.
How do I copy a color?
Click any swatch to copy its hex code, or use Copy all to copy the whole palette as a comma-separated list.
Which format are the colors in?
Hex, like #4F46E5. You can convert any of them to RGB or HSL with the hex to RGB converter if your project needs another format.
Is it free and private?
Yes. It runs entirely in your browser with no sign-up, and no color or image is uploaded anywhere.