Pearl Gray
#CBCEC5An architectural, whisper-quiet grey tone that pairs effortlessly with both warm and cool tones.
Spec Sheet
Hex#CBCEC5
RGB203, 206, 197
HSL80°, 8%, 79%
On White 1.59:1 Fail
On Black 13.17:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EEF1EA Text: #1F2513 Accent: #CBCEC5 Support: #735BA4 Neutral: #C8D2C6 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 Pearl Gray Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EEF1EA;
--palette-ink: #1F2513;
--palette-accent: #CBCEC5;
--palette-support: #735BA4;
--palette-neutral: #C8D2C6;
}Tailwind Config
{
"palette-background": "#EEF1EA",
"palette-ink": "#1F2513",
"palette-accent": "#CBCEC5",
"palette-support": "#735BA4",
"palette-neutral": "#C8D2C6"
}Color Blindness Simulation
#CFCDC5
Protanopia#CFCDC5
Deuteranopia#CCCDCB
TritanopiaBuild a design system around Pearl Gray.