Chocolate Brown
A deep, rich brown named for the confection.
At a glance
- Hue family
- orange
- Warmth
- warm
- Tone depth
- deep
- Saturation
- Moderate
Quick intelligence summary
- Feels like
- warm, deep, balanced
- Works well with
- See the pairings section below for calculated harmony options.
- Common uses
- See uses & contexts below for interiors, fashion and practical guidance.
- Accessibility snapshot
- Pairs better with white text (12.3:1) than black (1.7:1).
See this colour in the real world
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."Ribbing after blocking" by WordRidden, CC BY 2.0, via Wikimedia CommonsLicence details
- Source:
- Wikimedia Commons
- Creator:
- WordRidden
- Licence:
- CC BY 2.0 — free to share and adapt commercially, provided the work is attributed.
- Reviewed:
- 2026-07-25
Used in outfit palettes
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.
Pairings
Subtle, bold, analogous, complementary and neutral options — established design convention, not a guarantee of visual success in every context.
Complementary
Opposite hues (180° apart) for maximum hue contrast.
Analogous
Neighbouring hues on the colour wheel for a low-contrast, harmonious feel.
Analogous
Neighbouring hues on the colour wheel for a low-contrast, harmonious feel.
No curated profile yet
Triadic
Three hues evenly spaced around the colour wheel for balanced contrast.
Triadic
Three hues evenly spaced around the colour wheel for balanced contrast.
No curated profile yet
Split-complementary
The two hues bracketing the complement, for contrast with less tension.
Split-complementary
The two hues bracketing the complement, for contrast with less tension.
No curated profile yet
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette.
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette.
Tetradic
Four hues at 90° steps around the colour wheel for a rich, varied palette.
No curated profile yet
Monochromatic
Same hue at different lightness levels, for a cohesive tonal palette.
Monochromatic
Same hue at different lightness levels, for a cohesive tonal palette.
Monochromatic
Same hue at different lightness levels, for a cohesive tonal palette.
Monochromatic
Same hue at different lightness levels, for a cohesive tonal palette.
For an accessible, low-contrast-risk pairing, monochromatic (same-hue) combinations are usually the safest starting point — see the harmonies above.
Uses & contexts
Continue exploring
Related questionThe history of brownBrown has been one of the most consistently available pigment colours throughout human history, produced from earth and organic sources across essentially every culture and period, and has carried both humble and luxurious associations depending on context.Colour familyRelated questionForestA range of muted, cool-to-neutral greens paired with warm bark browns mirrors the actual layered structure of a forest — canopy, understorey and trunk.Nature paletteRelated questionAutumn woodlandWarm reds, oranges and golds mirror the carotenoid and anthocyanin pigments revealed and produced as chlorophyll breaks down in autumn.Nature palette
Meaning & story
Name origin
- Named for the confection, whose name derives from the Nahuatl word xocolātl.
True of the orange family generally
Inherited from the orange hue family, not specifically documented about this exact shade — see methodology.
- Orange is often associated with energy, warmth and enthusiasm.
- Orange is commonly used in retail branding and signage to suggest affordability, friendliness or urgency.
Pigment & family history
Moods
Terminology
Lighter, darker & directional variants
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
Technical details
Technical values
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.
Characteristics
- Hue family
- orange
- Undertone
- warm
- Tone depth
- deep
- Pastel
- No
- Earth tone
- Yes
- Jewel tone
- Yes
- Vivid
- No
- Greyness
- 40%
- Visual weight
- 72/100
Accessibility
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.