RAL and NCS values are nearest equivalents, not official designations.
In Western cultures, cinnamon symbolizes warmth, comfort, and the spice of life, often associated with home and holiday gatherings. Contrastingly, in some Asian traditions, it can be linked to purification and protection, showcasing its dual significance.
The term 'cinnamon' originates from the Greek word 'kinnamon', with its use dating back to ancient Egypt around 2000 BC, where it was valued not only as a culinary spice but also for its medicinal properties. It became a highly sought-after trade commodity along the Spice Routes.
Ranked by CIE76 ΔE — the perceptual distance from Cinnamon. Lower ΔE means a closer match (below ~2 is barely distinguishable).
All 35 Browns →Nine steps of Cinnamon by lightness — from #6D3710 (darkest) to #E8B18A (lightest). Click any to copy.
Sitting opposite Cinnamon at 205° on the color wheel, these give the highest-contrast pairings.
Curated 5-color combinations featuring Cinnamon.
A 50–900 tonal scale with Cinnamon 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: chocolate; color-mix(in srgb, chocolate 70%, white) 25°, 86%, 82% 0, 50, 86, 18 13789470 #CC6633 How Cinnamon appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.