Polite White
#E9DDD4A gentle, muted white tone that shifts beautifully between natural and artificial light.
Spec Sheet
Hex#E9DDD4
RGB233, 221, 212
HSL26°, 32%, 87%
On White 1.33:1 Fail
On Black 15.76:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2EFED Text: #2E221A Accent: #E9DDD4 Support: #5080A5 Neutral: #C4C3AB 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 Polite White Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2EFED;
--palette-ink: #2E221A;
--palette-accent: #E9DDD4;
--palette-support: #5080A5;
--palette-neutral: #C4C3AB;
}Tailwind Config
{
"palette-background": "#F2EFED",
"palette-ink": "#2E221A",
"palette-accent": "#E9DDD4",
"palette-support": "#5080A5",
"palette-neutral": "#C4C3AB"
}Color Blindness Simulation
#E1DED3
Protanopia#E3E0D4
Deuteranopia#EDDBDA
TritanopiaBuild a design system around Polite White.