Analogous Colours

What makes colours analogous

Analogous colours sit side by side on the wheel. In practice the range is about sixty degrees — three neighbouring hues, often described as −30, 0 and +30 degrees from your base. Blue, teal and green are analogous. So are crimson, red and orange, or olive, green and blue-green.

Because every colour shares a large part of its hue with its neighbours, there is almost no opportunity for a clash. That safety is the whole appeal, and also the whole limitation.

The sixty-degree rule is a guideline

There is no official boundary. Some sources say thirty degrees, some say ninety. The useful way to think about it is in terms of how the palette reads: if a viewer would describe the colours as “blues and greens” rather than “blue and green,” you are in analogous territory.

At the tight end — fifteen degrees — the palette is nearly monochromatic, and only lightness will distinguish the colours. At the wide end — ninety degrees — you are drifting toward a triadic feel and should probably just commit to one or the other.

Making an analogous palette work

The failure mode is always the same: everything is pleasant and nothing is important. Because hue contrast is deliberately low, you have to generate contrast from the other properties.

Use a wide lightness range

This is the single most effective fix. Take your darkest step and your lightest step much further apart than feels natural at first. A palette that runs from near-black teal to pale mint has enormous internal contrast even though every hue is within sixty degrees.

Vary saturation deliberately

One saturated colour against two muted neighbours reads as a focal point without introducing a new hue. This is how a lot of sophisticated editorial work stays calm while still directing the eye.

Borrow contrast from type and space

Weight, size and white space do the work that hue is not doing. A quiet analogous page with strong typographic hierarchy feels considered; the same colours with weak hierarchy feel washed out.

Add one small accent if you need it

A single complementary colour at under ten per cent of the area is a legitimate way to break the calm. Keep it small and keep it to one.

Analogous palettes in practice

Where analogous colours are the right choice

• Editorial and long-form reading. Nothing competes with the text, and the colour supports rather than interrupts.
• Brand systems. An analogous palette scales gracefully because every colour is a variation on a theme you can describe in one sentence.
• Interiors and product design. Neighbouring hues feel resolved in physical space, where a high-contrast pair can become tiring to live with.
• Data visualisation with one focus. Use neighbouring hues for the series and one saturated step for the number you want people to look at.

When to leave it behind

If the design needs a genuine call to action that cannot be missed, an analogous palette will fight you. There is no colour in the set that can shout. In that case, keep the analogous base and add one complementary accent — or switch to triadic or complementary colours for the whole thing.

To try it with your own colour, open the palette generator, choose Analogous and use the tints and shades rows to widen the lightness range before adding any new hue.