Color palette generator
Generate complementary, analogous, triadic, split-complementary, monochromatic and tetradic palettes from any color. Free and instant.
Primary#47003argb(71, 0, 58)oklch(0.27 0.119 337.9)
Complement#002f1argb(0, 47, 26)oklch(0.269 0.063 158.2)
Two hues opposite each other — high contrast, energetic. Want the full design system from this color? Open it in the generator.
How to use this tool
- Enter or pick your base color — HEX, rgb() and hsl() input are all accepted.
- Choose a palette strategy such as complementary, triadic or analogous.
- Copy any swatch as HEX, or jump into the generator to turn the palette into a complete design system.
Frequently asked questions
- How does the color palette generator work?
- Pick or paste any color and choose one of six harmony strategies — complementary, analogous, triadic, split-complementary, monochromatic or tetradic. The palette is computed in OKLCH so every swatch stays perceptually consistent.
- Which palette harmonies are supported?
- All six classic color harmonies: complementary, analogous, triadic, split-complementary, monochromatic and tetradic. Switching strategies regenerates instantly.
- Is this palette generator free?
- Yes — completely free with no account required. Everything runs in your browser; your colors are never uploaded.