A medium-deep brown named for the roasted bean.
Calculated from Coffee’s position on the HSL wheel (hue 25°, saturation 34%, lightness 33%). Colour-wheel pairings are a design convention, not a guarantee: check any pairing in the light and material you will use it in.
Complementary
Opposite hues (180° apart) for maximum hue contrast: hue 25° → 205° on the HSL wheel.
Analogous
Neighbouring hues on the colour wheel for a low-contrast, harmonious feel: hue 25° → 355° on the HSL wheel.
Analogous
Neighbouring hues on the colour wheel for a low-contrast, harmonious feel: hue 25° → 55° on the HSL wheel.
Triadic
Three hues evenly spaced around the colour wheel for balanced contrast: hue 25° → 145° on the HSL wheel.
Triadic
Three hues evenly spaced around the colour wheel for balanced contrast: hue 25° → 265° on the HSL wheel.
No curated profile yet
Split-complementary
The two hues bracketing the complement, for contrast with less tension: hue 25° → 175° on the HSL wheel.
Split-complementary
The two hues bracketing the complement, for contrast with less tension: hue 25° → 235° on the HSL wheel.
No curated profile yet
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette: hue 25° → 115° on the HSL wheel.
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette: hue 25° → 205° on the HSL wheel.
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette: hue 25° → 295° on the HSL wheel.
Monochromatic
Hue held at 25°, lightness 20% against this colour's 33%.
Monochromatic
Hue held at 25°, lightness 40% against this colour's 33%.
Monochromatic
Hue held at 25°, lightness 60% against this colour's 33%.
Monochromatic
Hue held at 25°, lightness 80% against this colour's 33%.
Walnut is the closest, at ΔE00 6.5 from coffee: 6 points darker, 6 points less saturated and 9° round towards red. That is clearly different, though many people would use one name for both.
Umber is next, at ΔE00 7.0 from coffee: 12 points less saturated and 4° round towards red. That is clearly different, though many people would use one name for both.
Sepia is next, at ΔE00 7.7 from coffee: 4 points darker, 16 points more saturated and 5° round towards yellow. That is clearly different, though many people would use one name for both.
Cinnamon is next, at ΔE00 10.8 from coffee: 3 points darker, 27 points more saturated and 3° round towards yellow. That is clearly different, though many people would use one name for both.
Distances are CIEDE2000 between catalogue reference values; lightness and saturation are CIELAB L* and C*. How to read a ΔE figure · Measure any two colours
Worked out from this colour’s own measurements — its lightness, saturation and undertone — rather than written for it. That is why the guidance differs from one colour to the next even when the two look similar.
This works across a range of sizes. At chroma 22 it is assertive enough to register on a small object and restrained enough not to dominate a wall.
Chroma 22 sits inside the range walls and large surfaces carry without taking over the room.
Chroma 22 sits inside the range secondary surfaces carry without taking over the room.
Chroma 22 sits inside the range furniture carry without taking over the room.
Chroma 22 sits inside the range rugs, curtains and bedding carry without taking over the room.
Chroma 22 sits inside the range trim and joinery carry without taking over the room.
Chroma 22 is exactly what an accent is for. The saturation that makes this difficult across a wall is the reason it works on a cushion, a door or a single chair.
Too quiet to be an accent but definite enough to build a tonal scheme around — several depths of this hue will read as considered rather than as timid.
How to distribute colour across a roomWhat colour temperature actually means · Why two bulbs at the same rating can differ
Shares the warm bias of Oak, Pine, Plywood and Light wood (ash, birch, beech), so they agree about the temperature of the room, and 30–50 points of lightness keep them readable as separate from this colour.
Sits close to Walnut, Dark wood and Reddish wood (mahogany, cherry, teak) without matching them (ΔE00 7–11) — near enough that the eye reads an attempted match and far enough that it fails. Either move decisively away or repeat the tone exactly.
The amount of timber matters as much as the tone: one piece is an accent, a floor plus joinery is the room’s dominant colour. More on working with wood tones
Shares the warm bias of Brass, Gold-tone, Chrome, Stainless steel, Black metal and Copper, so they agree about the temperature of the room, and 29–44 points of lightness keep them readable as separate from this colour.
Metal carries more attention than its area suggests, so repetition matters more than the exact finish. More on metals and mixing them
Name origin
2 documented associations apply to the orange family as a whole rather than to this shade: what is documented about orange.
Calculated directional adjustments. Some directions converge on the same result from this starting colour — shown as one merged card with an explanation, not repeated duplicates. Generated shades link to a curated profile only when one is close enough.
Lighter
Lightness increased
Darker
Lightness decreased
Warmer
Hue rotated toward warm (red/orange)
No curated profile yet
Cooler & Bluer & Redder
Hue rotated toward cool (blue) From this starting colour, moving cooler and bluer and redder converges on the same calculated result.
Greener & Yellower
Hue rotated toward green From this starting colour, moving greener and yellower converges on the same calculated result.
No curated profile yet
More muted
Saturation softened
More saturated
Saturation increased
Approximate, from each printing condition’s published aim values; a printer’s own profile is the final word. See the full print gamut check.
CMYK is an approximate device conversion, not a calibrated print value — see methodology.
Convert this colour to another format →
Common design-industry reference value for the named colour.
vs. white text
7.44:1 — AAA
vs. black text
2.82:1 — fails
Confidence: medium · Qualification: identity_only, technically_qualified, curated_profile_eligible, search_index_eligible, comparison_eligible
Spotted something wrong? Suggest a correction.