Acorn
#CC9B5CA rich, golden brown-orange with the warm lustre of freshly fallen oak acorns.
Spec Sheet
Hex#CC9B5C
RGB204, 155, 92
HSL34°, 52%, 58%
On White 2.5:1 Fail
On Black 8.41:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE9E5 Text: #2C2317 Accent: #CC9B5C Support: #638BBF Neutral: #D4D5BE Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Acorn Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE9E5;
--palette-ink: #2C2317;
--palette-accent: #CC9B5C;
--palette-support: #638BBF;
--palette-neutral: #D4D5BE;
}Tailwind Config
{
"palette-background": "#EBE9E5",
"palette-ink": "#2C2317",
"palette-accent": "#CC9B5C",
"palette-support": "#638BBF",
"palette-neutral": "#D4D5BE"
}Color Blindness Simulation
#AC9D57
Protanopia#B8A95D
Deuteranopia#DC8F8C
TritanopiaAlso Found In
This color also appears as Butternut by Sherwin-Williams.
Build a design system around Acorn.