Generate color palettes from any base color using color theory. Choose complementary, analogous, triadic or other harmony types — get hex codes, CSS variables, and a ready-to-use palette instantly.
Color harmony is based on the relationships between hues on the color wheel, expressed in HSL (hue, saturation, lightness). Complementary colors sit 180° apart and create maximum contrast. Analogous colors are adjacent (±30°–60°) and feel cohesive. Triadic palettes use three evenly-spaced hues at 120° intervals, balancing variety with harmony. Split-complementary replaces the direct complement with two flanking hues, reducing tension. Tetradic (rectangle) and square schemes use four colors and work well when one hue dominates. Monochromatic sticks to one hue with varied lightness — safe, elegant, and easy to extend. When building a UI palette, choose harmony for the accent colors and reserve saturation contrast to create hierarchy.