Chelsea Gray
#86847CVersatile and substantial, this neutral holds amber depth that reveals itself over time.
Spec Sheet
Hex#86847C
RGB134, 132, 124
HSL48°, 4%, 51%
On White 3.75:1 AA Large
On Black 5.61:1 AA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F4F3F1 Text: #2A281D Accent: #86847C Support: #5969AB Neutral: #C8D0B3 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 Chelsea Gray Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F4F3F1;
--palette-ink: #2A281D;
--palette-accent: #86847C;
--palette-support: #5969AB;
--palette-neutral: #C8D0B3;
}Tailwind Config
{
"palette-background": "#F4F3F1",
"palette-ink": "#2A281D",
"palette-accent": "#86847C",
"palette-support": "#5969AB",
"palette-neutral": "#C8D0B3"
}Color Blindness Simulation
#86837C
Protanopia#86847C
Deuteranopia#888382
TritanopiaBuild a design system around Chelsea Gray.