Slate II
#F0F0E5A truly versatile warm grey-white, the best-selling shade in the Architectural range. Subtle enough for walls yet distinct from pure white.
Spec Sheet
Hex#F0F0E5
RGB240, 240, 229
HSL60°, 27%, 92%
On White 1.15:1 Fail
On Black 18.3:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F1EE Text: #373720 Accent: #F0F0E5 Support: #6767A2 Neutral: #C2D0B3 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 Slate II Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F1EE;
--palette-ink: #373720;
--palette-accent: #F0F0E5;
--palette-support: #6767A2;
--palette-neutral: #C2D0B3;
}Tailwind Config
{
"palette-background": "#F1F1EE",
"palette-ink": "#373720",
"palette-accent": "#F0F0E5",
"palette-support": "#6767A2",
"palette-neutral": "#C2D0B3"
}Color Blindness Simulation
#F2EFE4
Protanopia#F2EFE5
Deuteranopia#F2EEED
TritanopiaAlso Found In
This color also appears as White Truffle by Behr.
Build a design system around Slate II.