Garnet
#843840A deep red with brown undertones, like the semi-precious stone. Rich and jewel-like in candlelight.
Spec Sheet
Hex#843840
RGB132, 56, 64
HSL354°, 40%, 37%
On White 8.01:1 AAA
On Black 2.62:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEBEB Text: #191010 Accent: #843840 Support: #52847F Neutral: #D5CDC8 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 Garnet Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEBEB;
--palette-ink: #191010;
--palette-accent: #843840;
--palette-support: #52847F;
--palette-neutral: #D5CDC8;
}Tailwind Config
{
"palette-background": "#EFEBEB",
"palette-ink": "#191010",
"palette-accent": "#843840",
"palette-support": "#52847F",
"palette-neutral": "#D5CDC8"
}Color Blindness Simulation
#494740
Protanopia#5C563E
Deuteranopia#902D3B
TritanopiaBuild a design system around Garnet.