Gray Mist
#E3DFD2A soft neutral with warm undertones that adapts to its surroundings chameleon-like.
Spec Sheet
Hex#E3DFD2
RGB227, 223, 210
HSL46°, 23%, 86%
On White 1.33:1 Fail
On Black 15.75:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE8E0 Text: #181710 Accent: #E3DFD2 Support: #5B6EAE Neutral: #C6CCB8 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 Gray Mist Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE8E0;
--palette-ink: #181710;
--palette-accent: #E3DFD2;
--palette-support: #5B6EAE;
--palette-neutral: #C6CCB8;
}Tailwind Config
{
"palette-background": "#EBE8E0",
"palette-ink": "#181710",
"palette-accent": "#E3DFD2",
"palette-support": "#5B6EAE",
"palette-neutral": "#C6CCB8"
}Color Blindness Simulation
#E2DED1
Protanopia#E3E0D2
Deuteranopia#E6DDDB
TritanopiaBuild a design system around Gray Mist.