Classic Brown
#58453BA dramatic, sun-kissed neutral that reads differently against warm and cool companions.
Spec Sheet
Hex#58453B
RGB88, 69, 59
HSL21°, 20%, 29%
On White 9.02:1 AAA
On Black 2.33:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE7E5 Text: #2D1D15 Accent: #58453B Support: #3C7696 Neutral: #CCC9B8 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 Classic Brown Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE7E5;
--palette-ink: #2D1D15;
--palette-accent: #58453B;
--palette-support: #3C7696;
--palette-neutral: #CCC9B8;
}Tailwind Config
{
"palette-background": "#EBE7E5",
"palette-ink": "#2D1D15",
"palette-accent": "#58453B",
"palette-support": "#3C7696",
"palette-neutral": "#CCC9B8"
}Color Blindness Simulation
#4A473A
Protanopia#4E4B3B
Deuteranopia#5D4242
TritanopiaBuild a design system around Classic Brown.