A deep, rich brown named for the confection.
Colours in photographs vary with lighting, material, camera processing and screen calibration — the named colours below are visual approximations, not exact measurements.

Heathered wool yarn is spun from fibres of more than one colour, which is why it reads as a soft, complex grey-brown rather than one flat tone — useful to know when trying to match it to a single paint or fabric colour.
This is a heathered, multi-toned yarn rather than a single flat colour — the individual grey and brown flecks are a genuine part of the wool, not an inconsistency.Photo: “Ribbing after blocking” by WordRidden, CC BY 2.0, via Wikimedia Commons.
Chocolate Brown appears in the following curated Fashion outfit palettes.
Navy and cream classic
Polished, dependable, quietly confident.
Navy can read as black under warm evening light — check the combination under daylight if the distinction matters.
Burgundy and camel
Warm, rich, suited to cooler weather.
Burgundy can look nearly black in low light — a genuine trait of very deep, saturated colours, not a fault.
Warm earth tones
Relaxed, grounded, comfortable.
Warm earth tones intensify further in direct sunlight — expect this palette to look even richer outdoors than indoors.
Calculated from Chocolate Brown’s position on the HSL wheel (hue 21°, saturation 43%, lightness 21%). 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 21° → 201° on the HSL wheel.
Analogous
Neighbouring hues on the colour wheel for a low-contrast, harmonious feel: hue 21° → 351° on the HSL wheel.
Analogous
Neighbouring hues on the colour wheel for a low-contrast, harmonious feel: hue 21° → 51° on the HSL wheel.
No curated profile yet
Triadic
Three hues evenly spaced around the colour wheel for balanced contrast: hue 21° → 141° on the HSL wheel.
Triadic
Three hues evenly spaced around the colour wheel for balanced contrast: hue 21° → 261° on the HSL wheel.
No curated profile yet
Split-complementary
The two hues bracketing the complement, for contrast with less tension: hue 21° → 172° on the HSL wheel.
Split-complementary
The two hues bracketing the complement, for contrast with less tension: hue 21° → 232° on the HSL wheel.
No curated profile yet
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette: hue 21° → 111° on the HSL wheel.
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette: hue 21° → 201° on the HSL wheel.
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette: hue 21° → 291° on the HSL wheel.
No curated profile yet
Monochromatic
Hue held at 21°, lightness 20% against this colour's 21%.
Monochromatic
Hue held at 21°, lightness 40% against this colour's 21%.
Monochromatic
Hue held at 21°, lightness 60% against this colour's 21%.
Monochromatic
Hue held at 21°, lightness 80% against this colour's 21%.
Walnut is the closest, at ΔE00 6.0 from chocolate brown: 8 points lighter, 3 points less saturated and 3° round towards red. That is clearly different, though many people would use one name for both.
Taupe is next, at ΔE00 8.8 from chocolate brown: 4 points lighter, 11 points less saturated and 13° round towards yellow. That is clearly different, though many people would use one name for both.
Mahogany is next, at ΔE00 9.5 from chocolate brown: 1 points darker and 32° round towards red. That is clearly different, though many people would use one name for both.
Coffee is next, at ΔE00 11.0 from chocolate brown: 14 points lighter, 3 points more saturated and 6° 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 19 it is assertive enough to register on a small object and restrained enough not to dominate a wall.
Chroma 19 sits inside the range walls and large surfaces carry without taking over the room. At L*22 it also absorbs a good deal of the light in the room, so plan the lighting alongside it rather than afterwards.
Chroma 19 sits inside the range secondary surfaces carry without taking over the room.
Chroma 19 sits inside the range furniture carry without taking over the room.
Chroma 19 sits inside the range rugs, curtains and bedding carry without taking over the room.
Chroma 19 sits inside the range trim and joinery carry without taking over the room.
Chroma 19 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 44–64 points of lightness keep them readable as separate from this colour.
Shares the warm bias of Dark wood and sits within 0 points of it in lightness, so expect a quiet, tonal relationship rather than a contrast.
Sits close to Walnut and Reddish wood (mahogany, cherry, teak) without matching them (ΔE00 4) — 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 and Copper, so they agree about the temperature of the room, and 46–59 points of lightness keep them readable as separate from this colour.
Shares the warm bias of Black metal and sits within 15 points of it in lightness, so expect a quiet, tonal relationship rather than a contrast.
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 & Greener & Yellower
Hue rotated toward warm (red/orange) From this starting colour, moving warmer and greener and yellower converges on the same calculated result.
Cooler & Bluer & Redder
Hue rotated toward cool (blue) From this starting colour, moving cooler and bluer and redder converges on the same calculated result.
More muted
Saturation softened
More saturated
Saturation increased
A dark brown. Darker still and lower in chroma, it becomes near-black.
Usage of this name is fairly settled. See every name this colour falls under
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
12.29:1 — AAA
vs. black text
1.71:1 — fails
Confidence: medium · Qualification: identity_only, technically_qualified, curated_profile_eligible, search_index_eligible, comparison_eligible
Spotted something wrong? Suggest a correction.