Fiery Brown
#5D3831A spirited, deep red shade that brings depth to any palette.
Spec Sheet
Hex#5D3831
RGB93, 56, 49
HSL10°, 31%, 28%
On White 10.12:1 AAA
On Black 2.08:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE6E6 Text: #391E19 Accent: #5D3831 Support: #5DA3B1 Neutral: #C0BAAF 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 Fiery Brown Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE6E6;
--palette-ink: #391E19;
--palette-accent: #5D3831;
--palette-support: #5DA3B1;
--palette-neutral: #C0BAAF;
}Tailwind Config
{
"palette-background": "#EBE6E6",
"palette-ink": "#391E19",
"palette-accent": "#5D3831",
"palette-support": "#5DA3B1",
"palette-neutral": "#C0BAAF"
}Color Blindness Simulation
#403D30
Protanopia#494531
Deuteranopia#653336
TritanopiaBuild a design system around Fiery Brown.