Grant Beige
#CEC5B0This refined neutral carries warm warmth, serving as a foundation for layered interiors.
Spec Sheet
Hex#CEC5B0
RGB206, 197, 176
HSL42°, 23%, 75%
On White 1.72:1 Fail
On Black 12.24:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDECE8 Text: #211C12 Accent: #CEC5B0 Support: #556791 Neutral: #BCC0AA 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 Grant Beige Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDECE8;
--palette-ink: #211C12;
--palette-accent: #CEC5B0;
--palette-support: #556791;
--palette-neutral: #BCC0AA;
}Tailwind Config
{
"palette-background": "#EDECE8",
"palette-ink": "#211C12",
"palette-accent": "#CEC5B0",
"palette-support": "#556791",
"palette-neutral": "#BCC0AA"
}Color Blindness Simulation
#CAC4AF
Protanopia#CDC7B1
Deuteranopia#D3C1BF
TritanopiaBuild a design system around Grant Beige.