Color Palette Generator
Build complementary, analogous, triadic, split-complementary and tetradic palettes from any base color.
Quick answer: Color Palette Generator: build complementary, analogous, triadic, split-complementary and tetradic palettes from any base color. Runs entirely in your browser, free, no signup.
Last updated
Good to know
The harmonies here are not arbitrary — they are the classic color-theory relationships, generated by rotating your base color's hue around the wheel in HSL space. A complementary pair sits opposite (180 degrees apart) for maximum contrast; analogous colors are neighbors that feel calm and cohesive; triadic spreads three points evenly for a balanced, vivid set; and split-complementary and tetradic offer richer combinations with a bit more nuance.
A practical rule keeps palettes from looking chaotic: let one color dominate, use a second as support, and reserve the highest-contrast harmony as an accent for calls to action. Analogous schemes are the safe default for backgrounds and large surfaces; complementary and triadic are best used sparingly, where you actually want the eye to land.
Harmony solves which hues go together, but not whether text on them is readable. Always run a candidate foreground/background pair through the Contrast Checker before shipping, and use the Color Converter to translate a swatch into whatever notation your stylesheet or design tool expects.
Frequently asked questions
- Is the palette generator free?
- Yes, fully free.
- Which harmonies are included?
- Complementary, analogous, triadic, split-complementary and tetradic.
- Can I copy individual colors?
- Yes — click any swatch to copy its hex.
- Are my palettes saved?
- No — they're regenerated from your base color and live entirely in the page.
- Is the math accurate?
- Yes — we operate in HSL space, so each harmony's hue offset is exactly the textbook value.