Color Palette Generator
Generate harmonious colour palettes from any seed colour. Complementary, triadic, analogous, split-complementary.
Complementary — Two hues 180° apart. Maximum contrast. Great for CTAs and accents that need to pop against a brand colour.
Triadic — Three hues 120° apart. Vibrant and playful with good visual balance. Reduce saturation on two of the three for elegant results.
Analogous — Five hues 30° apart. Found in nature — sunsets, forests. Calm, cohesive, never jarring. Ideal for backgrounds and long-form reading.
Split-Complementary — Seed plus two hues flanking its complement (150° and 210°). Retains contrast but is softer and easier to work with than pure complementary.
Tip: Pick a seed colour that matches your brand, then use an analogous palette for backgrounds and a complementary or split-complementary accent for interactive elements.
About Color Palette Generator
Color Palette Generator creates harmonious 5-colour palettes from any seed colour using four classic colour theory relationships: Complementary (opposite hues), Triadic (three evenly spaced hues), Analogous (neighbouring hues), and Split-Complementary (seed plus two hues flanking its complement). All calculation runs in your browser — nothing is sent to any server. Click any swatch to copy its HEX code, or copy a full palette as CSS custom properties in one click.