RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, mocha often symbolizes comfort and warmth, evoking the cozy feeling of enjoying a cup of coffee. Conversely, in some Middle Eastern traditions, it represents hospitality and generosity, reflecting the cultural significance of coffee as a communal beverage.
The term 'mocha' originated in the 17th century, named after the port city of Mocha in Yemen, known for its high-quality coffee. The coffee trade flourished during this time and the color became synonymous with the rich, dark brown hues of the beverage.
Ranked by CIE76 ΔE — the perceptual distance from Mocha. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Mocha by lightness — from #4E3F37 (darkest) to #C8B9B1 (lightest). Click any to copy.
Sitting opposite Mocha at 201° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Mocha.
Brands and institutions known for using Mocha.
A 50–900 tonal scale with Mocha anchored at 500 — ready to drop into a design system. Click any step to copy.
Works well as text on dark backgrounds; fails on light.
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: #967969; color-mix(in srgb, #967969 70%, white) 21°, 30%, 59% 0, 19, 30, 41 9861481 #996666 How Mocha appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.