Duotones: Two-Color Design That Still Reads Clearly
Updated

Duotones: Two-Color Design That Still Reads Clearly

by Julio Song

A duotone maps an image to two colors instead of a full range. The result is bolder than a photograph and carries more information than a silhouette.

What is a duotone?

The technique came out of print photography, where it replaced grayscale with two inks. That origin explains the constraint: two colors covering the whole tonal range, with one carrying the shadows and one the highlights.

Which two you pick decides everything. The pair needs enough separation to preserve the tonal information and enough relationship that the result reads as one image rather than two overlaid.

Within color theory, duotones are a contrast technique rather than a harmony technique. They work by simplifying the image, and nothing gets blended.

Two colors, a lot of weight

Because there are only two colors, both carry a lot of associative weight. Spotify's greens against deep blacks read as energetic and modern, and the pairing is doing brand work as much as visual work.

Instagram's logo uses saturated color the same way, staying recognizable at any size because there is so little in it to lose.

Picking a duotone pair

Start with the base colors and check the tonal range they cover between them. A pair that are close in brightness will flatten an image, since there is nothing left to represent shadow and highlight.

Adobe Color and Coolors are useful for testing pairs quickly. The check that matters is applying the pair to an actual image rather than judging the swatches.

Dark Turquoise#00bfff
Coral#ff7f50

Duotones in digital design

Backgrounds and headline imagery are where duotones do the most work, adding depth to a layout that would otherwise be flat.

They also solve a practical problem in interface design: applying a duotone to photographs from mixed sources makes them look like they belong to the same product. That consistency is often worth more than the aesthetic effect.

Duotone projects worth studying

Apple's campaign work uses duotone treatments to keep product imagery consistent across very different photographs.

Comparing an image before and after a duotone treatment is the quickest way to see what the technique buys, and what it costs in detail.

Where duotones are heading

The direction is toward less obvious pairings. Early duotone work leaned on high-contrast complementary pairs; more recent work uses colors that are closer together and rely on subtler tonal separation.

Mughal Green#556b2f
Dark Sea Green#8fbc8f

Duotones have survived since print because they solve a real problem: making varied imagery look intentional with almost no effort per image.