Devonwood Taupe
#806D60Versatile and rich, this neutral holds warm depth that reveals itself over time.
Spec Sheet
Hex#806D60
RGB128, 109, 96
HSL24°, 14%, 44%
On White 4.91:1 AA
On Black 4.27:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2EFED Text: #36261B Accent: #806D60 Support: #7491A4 Neutral: #CAC8BA 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 Devonwood Taupe Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2EFED;
--palette-ink: #36261B;
--palette-accent: #806D60;
--palette-support: #7491A4;
--palette-neutral: #CAC8BA;
}Tailwind Config
{
"palette-background": "#F2EFED",
"palette-ink": "#36261B",
"palette-accent": "#806D60",
"palette-support": "#7491A4",
"palette-neutral": "#CAC8BA"
}Color Blindness Simulation
#736E5F
Protanopia#777260
Deuteranopia#866969
TritanopiaBuild a design system around Devonwood Taupe.