In Western cultures, chocolate often symbolizes luxury and indulgence, while in some indigenous cultures of Central America, it was revered as a sacred beverage, representing wealth and power. Contrastingly, in Eastern cultures, it can signify grounding and stability.
The term 'chocolate' originates from the Nahuatl word 'xocolātl', used by the Aztecs in the 15th century, where cacao was consumed as a bitter drink. Initially, chocolate was a luxury item in Europe, accessible only to the affluent, before becoming a staple commodity by the 19th century.
Ranked by CIE76 ΔE — the perceptual distance from Chocolate. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Chocolate by lightness — from #402100 (darkest) to #BA9B7A (lightest). Click any to copy.
Sitting opposite Chocolate at 211° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Chocolate.
A 50–900 tonal scale with Chocolate anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on light backgrounds; fails on dark.
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
color: #7B3F00; color-mix(in srgb, #7B3F00 70%, white) 31°, 100%, 48% 0, 49, 100, 52 8077056 #663300 How Chocolate appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.