Neighboring colors and a single hue: analogous and monochromatic harmony

Short answer

Analogous harmony is built from two or three colors that sit next to each other on the color wheel; monochromatic harmony is built from members of a single hue at different values and saturations. Both sit together easily, because there's no major hue conflict between the colors. The way to keep a monochromatic design alive is to vary value, not hue: strong value differences stretching from very light to very dark, different textures, and a small accent rescue a single-hue page from flatness. Analogous palettes turn muddy for the same reason when their members are chosen at the same value, and come alive when their values are separated.

Why are these "easy" harmonies?

Colors that sit close to each other on the color wheel complement each other in hue without clashing. In DT-08 you saw how complementary pairs light each other up when placed side by side; analogous and monochromatic harmonies are the opposite of that: they produce continuity, not tension.

This intuition is backed by experiments too. In a study Karen Schloss and Stephen Palmer published in 2011, observers rated color pairs along three separate dimensions: how much they liked the pair, how harmonious they found the pair, and how much they liked the figure color on its background. Both liking and harmony rose as the two colors' hues grew closer to each other. But liking, unlike harmony, also depended strongly on the value difference between the two colors.

This finding is the key to the rest of the lesson: choosing hues that are close together produces harmony, and separating their values produces interest.

Analogous harmony: neighbors on the wheel

An analogous palette consists of two or three colors that fall within roughly a quarter of an arc on the color wheel: yellow, yellow-orange, and orange, for instance, or blue, cyan, and green. Which wheel you're using matters; as you saw in DT-04, every wheel arranges hues a little differently, but the principle of neighboring is the same across all of them.

Nature is the richest source of analogous palettes. In autumn, a forest's leaves trace an arc from yellow to orange to red. The chemistry behind this is also a kind of neighboring: chlorophyll, which keeps a leaf green through the summer, declines and breaks down as nights grow longer; the carotenoids already present in the leaf, which give yellow and orange, become visible; and in some trees, bright autumn sunlight together with sugars accumulating in the leaf increase the production of anthocyanins, which give red and purple tones. The result is a connected family of colors across the warm half of the wheel.

The trap of an analogous palette is that its members resemble each other too closely. A red, an orange, and a mustard chosen at the same value and the same saturation blend into each other when placed side by side and look like a single smear of color. The same three hues, chosen with their values separated — a dark terracotta, a medium orange, and a light wheat yellow, say — make the palette both warm and readable.

Analogous palettes also need a dominant color. One of the three neighbors takes up most of the area, a second supports it, and the third stays as a small accent. A well-known rule for setting the proportions of these areas is the subject of DT-12.

Monochromatic harmony: the family of a single hue

A monochromatic palette consists of members of a single hue at different values and saturations. The hue family you built in DT-07 — light, dark, and broken tones — is the raw material of a monochromatic palette.

A famous example of this harmony in art history is Pablo Picasso's Blue Period, between 1901 and 1904. In these years, Picasso made almost monochromatic paintings in shades of blue and blue-green, warmed only occasionally by other colors. The period began after his close friend Carles Casagemas took his own life in 1901, and is remembered for its themes of loneliness, poverty, and hopelessness. The dominance of a single hue carries the emotional unity of these paintings; but looking at them, you see a wide range of values stretching from very light blues to navies close to black.

Keeping a monochromatic design alive

The question on the lesson card gets answered here: what's the way to keep a monochromatic design alive?

The first way is a strong value difference. In a single-hue palette, since the hue itself can't provide variety, all the work falls to value. Let's compare. In OKLab, hold the same blue hue, around 250 degrees, constant and vary only the value to choose four colors: a very dark navy (#042F54), a medium blue (#2266A4), a light sky blue (#6DA3DA), and a near-white ice blue (#D9EAFC). This palette comfortably splits the work of heading, body text, accent, and background on a page. Three blues in the same hue but close in value (#497EB3, #558AC0, #6197CD), on the other hand, look almost like the same color when placed side by side; a heading doesn't separate from its background, and button text doesn't separate from the button. This second palette is the version of monochromatic design people call "boring."

The second way is texture. A single hue looking different across different surfaces provides a variety that a flat color can't offer: matte paper, glossy print, a woven fabric, or the light and shadow in a photo can show the same blue in dozens of different ways. On screen, this means placing fine patterns, photos, and gradients next to flat areas.

The third way is a small accent. In an otherwise entirely single-hue design, a different color placed on a very small area — a single orange button on a blue page, for instance — determines where the eye goes. This doesn't break the monochromatic harmony; it gives it a focal point. Building hierarchy with the accent itself is the subject of GT-03.

Example — duotone portraits

An everyday form of monochromatic harmony is the duotone effect, which reduces photos to two colors: the image's dark regions are mapped to one color, its light regions to another. It's used often in posters, app covers, and campaign visuals, and it unifies different photos under a single color identity.

This method needs care when it's applied to human faces. Duotone erases skin's hue and saturation and reduces every skin tone to value differences alone. If the dark end is chosen too dark, a dark-skinned face's eyes, lips, and features get lost inside that dark color; if the light end is chosen too light, the same thing happens to the highlighted areas of a light-skinned face. In a campaign that uses faces of different skin tones together, the value of both ends must be chosen so that every face's detail is preserved, and if needed, each photo's value distribution should be adjusted separately. Applying the same duotone setting to every photo with a single adjustment puts the most strain on the skin tones at both ends of the range.

Common misconception

Summary

1. Analogous harmony is built from two or three neighboring hues on the wheel, monochromatic harmony from the family of a single hue; experiments show that pairs with similar hues are found harmonious, while pairs with a high value difference are found more appealing.
2. Nature is a rich source of analogous palettes; autumn leaves trace an arc across the warm half of the wheel with carotenoid and anthocyanin colors that emerge as chlorophyll withdraws.
3. What keeps a monochromatic design alive is a wide value range, texture, and a small accent; in methods like duotone, the value of both ends must be chosen so that every skin tone's detail is preserved.

Test yourself

1. (Easy) What colors is analogous harmony built from?
2. (Easy) Which pigment group gives autumn leaves their yellow and orange?
3. (Medium) What's the way to keep a monochromatic design alive?
4. (Medium) Why can the same three analogous hues look muddy in one palette and alive in another?
5. (Hard) How do Schloss and Palmer's findings separate the roles of hue similarity and value difference in a palette?
6. (Hard) Why can applying the same duotone setting to faces of different skin tones be problematic, and how can it be prevented?

Answers

1. From two or three hues that sit close to each other on the color wheel, within roughly a quarter of an arc ("Analogous harmony: neighbors on the wheel").
2. Carotenoids; they're present in the leaf through the summer and become visible once chlorophyll breaks down ("Analogous harmony: neighbors on the wheel").
3. Varying value, not hue: using strong value differences stretching from very light to very dark, adding different textures, and placing a different accent color on a very small area ("Keeping a monochromatic design alive").
4. When its members are chosen at the same value and saturation, they blend into each other; once their values are separated and one is made the dominant color, the palette becomes both warm and readable ("Analogous harmony: neighbors on the wheel").
5. Both liking and harmony rise as hue similarity increases, but liking also depends strongly on value difference; that is, close hues produce harmony, while value difference produces interest and appeal ("Why are these 'easy' harmonies?").
6. Duotone erases skin's hue and saturation and reduces everything to value; if the dark end is too dark, dark-skinned faces lose detail, and if the light end is too light, light-skinned faces lose detail. The value of both ends must be chosen so that every face's detail is preserved, and if needed, each photo's value distribution should be adjusted separately ("Example — duotone portraits").

Sources

• Schloss, K. B. and Palmer, S. E., "Aesthetic response to color combinations: preference, harmony, and similarity," Attention, Perception, & Psychophysics 73(2): 551–571, 2011.
• USDA Forest Service, "Science of Fall Colors."
• Chalif, D. J. et al., "The death of Casagemas: early Picasso, the Blue Period, mortality, and redemption," Neurosurgery 61(2): 404–417, 2007.

Next step

DT-10 moves from this lesson's easy harmonies to more ambitious schemes: the triadic scheme of three evenly spaced colors on the wheel, the square scheme of four colors, the split-complementary made from a color and its complement's two neighbors, choosing a dominant color within these schemes, and why geometric rules don't guarantee harmony. DT-11, in turn, reads harmony back through the language of contrast: Itten's contrast of hue, contrast of light and dark, contrast of warm and cool, contrast of complements, simultaneous contrast, contrast of saturation, and contrast of extension.