Color Palette Generator

How to use Color Palette Generator

1. Pick a base color using the color picker or by typing a HEX code.
2. Choose a harmony rule — complementary, analogous, triadic, or another scheme.
3. Copy any generated color's HEX code, or export the whole palette.

Frequently asked questions

What's the difference between complementary and analogous palettes?
Complementary colors sit opposite each other on the color wheel and create high contrast, while analogous colors sit next to each other and produce a calmer, more harmonious look.

Can I use these palettes for a website or app?
Yes — the HEX codes work directly in CSS, design tools like Figma, or anywhere else you need standard color values.

How is the palette calculated?
The tool rotates and adjusts your base color around the HSL color wheel according to the harmony rule you pick, which is the same math color theory and design tools use.