Triadic / Complementary / Analogous Palette

Color theory in CSS: pick a base color, see every classic harmony palette derived from it — complementary (opposite), triadic (3 evenly spaced), analogous (adjacent), tetradic (4 corners), split-complementary. Each palette is balanced for design use.

How to use the Triadic / Complementary / Analogous Palette

Pick a base color. The tool generates 5 classic color harmonies. Click any swatch to copy.