RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, toffee symbolizes warmth and indulgence, often linked to home-cooked treats and nostalgia. Conversely, in some Eastern traditions, brown can represent stability and earthiness, showcasing a contrast between indulgence and groundedness.
The term 'toffee' likely emerged in the early 19th century, with the confection becoming popular in England around 1820. Initially a luxury item, it was made with high-quality sugar and butter, reflecting the color's association with sweetness and richness.
Ranked by CIE76 ΔE — the perceptual distance from Toffee. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Toffee by lightness — from #4B322A (darkest) to #C5ACA4 (lightest). Click any to copy.
Sitting opposite Toffee at 195° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Toffee.
A 50–900 tonal scale with Toffee 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: #906050; color-mix(in srgb, #906050 70%, white) 15°, 44%, 56% 0, 33, 44, 44 9461840 #996666 How Toffee appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.