All Color Harmonies

Complete reference to every color harmony type in color theory. Each harmony has a dedicated tool that generates it from any base color — this page explains when and why to use each one.

Complementary Colors

Two hues 180° apart — maximum contrast. Great for CTAs, accents and attention-grabbing elements.

Analogous Colors

Adjacent hues within ±60°. Calm, cohesive and nature-inspired — great for wellness and editorial designs.

Triadic Colors

Three hues 120° apart — balanced yet vibrant. Great for playful brands, data visualization and illustrations.

Tetradic Colors

Four hues in two complementary pairs. Rich variety — great for complex designs and dashboards.

Split Complementary

Base + two neighbors of the complement. Softer contrast — easier to balance than pure complementary.

Monochromatic Colors

One hue with different lightness values. Elegant and minimal — the foundation of modern design systems.

Understanding Color Harmony

Color harmony is the science (and art) of combining colors so they look pleasing together. The core idea is that colors taken from geometrically-related positions on the color wheel create predictable visual effects — either harmony (adjacent hues) or tension (opposite hues).

Every harmony type serves a different purpose. Complementary pairs draw the eye and can feel intense. Analogous palettes feel calm and unified. Triadic and tetradic palettes feel balanced but vibrant. Monochromatic palettes feel elegant and minimal.

Understanding these relationships lets you build palettes with intention rather than intuition. Use the individual tool pages above to generate each harmony from any base color, or use the Color Harmony Analyzer to see all six harmonies at once.

Which Harmony Should I Use?

The choice depends on your design intent:

  • Want maximum contrast? Use complementary.
  • Want calm and cohesive? Use analogous.
  • Want balance and energy? Use triadic.
  • Want rich variety? Use tetradic.
  • Want strong contrast without extreme tension? Use split-complementary.
  • Want elegance and minimalism? Use monochromatic.

Frequently Asked Questions