Color Palette
Generate color palettes using color theory — pick a base hue and choose complementary, analogous, triadic, split-complementary or tetradic harmony. Copy hex codes or CSS variables instantly.
Color harmony describes predictable relationships between hues on the color wheel, expressed as angular distances in HSL. Complementary colors (180° apart) create maximum contrast and visual tension — useful for call-to-action highlights. Analogous colors (±30°) sit adjacent and feel cohesive, making them ideal for backgrounds and supporting tones. Triadic palettes (120° intervals) offer variety while retaining balance. Split-complementary replaces the direct complement with two flanking hues, reducing harshness. Tetradic (rectangle) schemes cover four hues and work well when one dominates as the primary. Understanding harmony helps explain why some color combinations feel professional and others feel accidental — the intervals are not arbitrary, they reflect how the human visual system perceives contrast and similarity.