Color Harmony Generator - Six Schemes at Once
Pick a base color and instantly see its complementary, analogous, triadic, tetradic, split-complementary and monochromatic palettes.
Every Classic Harmony, One Base Color
AiLoveKit's color harmony generator rotates your base color around the HSL wheel to build all six classic schemes in a single view. Each swatch shows its HEX plus HSL and OKLCH values, and one click copies it.
Schemes Included
- Complementary - the color opposite on the wheel, with lighter and darker steps.
- Analogous - five neighbors for calm, cohesive designs.
- Triadic and Tetradic - evenly spaced three- and four-color systems.
- Split-Complementary and Monochromatic - contrast without tension, and single-hue depth.
Export everything as CSS custom properties, a JSON file with HEX, RGB, HSL and OKLCH for every color, or a palette image - generated instantly and entirely in your browser.