RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, coffee symbolizes comfort and resilience, often associated with social gatherings and productivity. Conversely, in some Eastern traditions, it represents hospitality and warmth, highlighting the contrast between different cultural interpretations of communal beverage rituals.
The term 'coffee' originates from the Arabic 'qahwa', which referred to wine or intoxicating drinks, and was first documented in the 15th century. Coffee became a significant trade commodity in the 17th century, with the establishment of coffeehouses across Europe, fostering social interaction and intellectual exchange.
Ranked by CIE76 ΔE — the perceptual distance from Coffee. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Coffee by lightness — from #3A291D (darkest) to #B4A397 (lightest). Click any to copy.
Sitting opposite Coffee at 205° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Coffee.
Brands and institutions known for using Coffee.
A 50–900 tonal scale with Coffee 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: #6F4E37; color-mix(in srgb, #6F4E37 70%, white) 25°, 50%, 44% 0, 30, 50, 56 7294519 #666633 How Coffee appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.