RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, fawn is often associated with innocence and gentleness, connecting to themes of nature and nurturing. Contrastingly, in some Indigenous cultures, it represents resilience and adaptability, highlighting the balance between innocence and survival.
The term 'fawn' originates from the Old English 'faun', which referred to a young deer, dating back to the 14th century. Its use in textiles and design became popular in the 19th century as a representation of rustic charm and natural beauty.
Ranked by CIE76 ΔE — the perceptual distance from Fawn. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Fawn by lightness — from #77583A (darkest) to #F1D3B5 (lightest). Click any to copy.
Sitting opposite Fawn at 210° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Fawn.
A 50–900 tonal scale with Fawn 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: #E5AA70; color-mix(in srgb, #E5AA70 70%, white) 30°, 51%, 90% 0, 26, 51, 10 15051376 #CC9966 How Fawn appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.