Color

Color Harmony Schemes Explained

How analogous, complementary and triadic color schemes work, what mood each tends to create, and how to balance them in a real design.

On this page
  1. What a harmony scheme does
  2. Analogous: neighbors on the wheel
  3. Complementary: opposites on the wheel
  4. Triadic: three evenly spaced hues
  5. Choosing between them
  6. Applying a scheme in practice
  7. Schemes are a starting point

What a harmony scheme does

A harmony scheme is a way of choosing several colors by their positions on the color wheel. It does not guarantee a good design, but it narrows a huge range of possibilities to combinations that tend to look related. If you are new to the wheel or to terms such as hue and saturation, the broader introduction to color theory covers them first.

This article looks at three of the most widely used arrangements: analogous, complementary and triadic.

Analogous: neighbors on the wheel

An analogous scheme uses hues that sit side by side, typically two to four neighbors, such as yellow, yellow-green and green, or blue, blue-violet and violet.

How it tends to feel: calm, cohesive and natural. Many landscapes look analogous, with greens and yellows or blues and greens grouped together, which may be part of why these combinations feel easy to look at.

Strengths: Hard to get badly wrong, because the hues are closely related. It suits designs meant to feel restful or unified.

Watch out for: Low variety. If every color is close in hue and also close in lightness, the result can look flat. Vary the values, with some light and some dark, and consider a small contrasting accent. Legibility needs checking too, because neighboring hues may sit close in lightness and make text hard to read. The color contrast discussion explains why value difference matters most.

Tip: Choose one hue to dominate, let a second support it and use the third sparingly.

Complementary: opposites on the wheel

A complementary scheme pairs two hues directly across from each other, such as blue and orange, red and green, or yellow and violet.

How it tends to feel: energetic and high in contrast. Placed side by side, each color can make the other look more vivid.

Strengths: Strong attention-getting power. It works well when you want an accent to stand out from a dominant color, such as an orange button on a blue page. That makes it a natural fit for a call to action.

Watch out for: Intense pairs used in equal amounts can feel harsh or vibrate where they meet, especially at full saturation. Pure red and pure green text on each other is a classic problem, and it also creates difficulty for people with red-green color blindness. Common fixes are:

  • Let one color dominate and use the other as a small accent.
  • Lower the saturation of one or both colors.
  • Use tints and shades rather than the pure hues.
  • Separate them with a neutral so they do not touch directly.

Variation: A split-complementary scheme uses one hue plus the two hues beside its opposite. It keeps much of the contrast with less tension.

Triadic: three evenly spaced hues

A triadic scheme uses three hues spaced evenly around the wheel, forming a triangle. The traditional primaries of red, yellow and blue are one example, and so are orange, green and violet.

How it tends to feel: lively, varied and often playful. Because the hues are far apart, the scheme carries a lot of variety while keeping a sense of balance.

Strengths: Rich enough for designs that need several distinct colors, such as illustrations, children’s materials or charts with multiple categories.

Watch out for: Using all three at full strength can look chaotic. The usual remedy is to let one color dominate, use the second in a supporting role and keep the third for small touches. Muting the saturation of all three can also produce a more sophisticated, grown-up result.

Choosing between them

There is no single correct answer, but some rough guidelines help:

If you want Consider
A calm, unified feel Analogous
A clear focal point with strong contrast Complementary
Variety and energy with some balance Triadic

Mood associations are tendencies. They shift with the exact hues, the proportions and the audience. The way colors come to carry meaning is discussed in the pieces on color psychology and color symbolism, and those associations differ between cultures.

Applying a scheme in practice

  1. Pick the dominant hue first. The scheme then tells you where to look for partners on the wheel.
  2. Assign proportions. An informal split such as roughly 60, 30 and 10 percent is a starting illustration, not a rule.
  3. Add neutrals. Whites, grays and near-blacks give the eye a place to rest and carry most text. Building a full color palette involves deciding on these.
  4. Vary value and saturation. Real designs rarely use the wheel’s pure hues. Lighter and darker versions give you flexibility.
  5. Test. Check text contrast, view the design in grayscale and consider how it looks for viewers with color vision differences.

Schemes are a starting point

Photographers, painters and illustrators often produce harmonious work without consciously naming a scheme. Looking at an image you admire and noting where its main colors fall on the wheel is a good exercise. You will often find an analogous core with a complementary accent, or a muted triad. Treat the named schemes as vocabulary for describing and refining what works, and be willing to depart from them when the design asks for it.

The complete guide to color

Unlocking the Secrets of Color Theory
Read the guide

Keep exploring

Guides from other topics

All topics →