Quarter Harbour Grey
#E5E1D3A warm off-white with the faintest trace of harbour stone. Quiet and restful, excellent for period ceilings.
Spec Sheet
Hex#E5E1D3
RGB229, 225, 211
HSL47°, 26%, 86%
On White 1.31:1 Fail
On Black 16.04:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #ECEAE4 Text: #2F2B1D Accent: #E5E1D3 Support: #7E89AE Neutral: #C1C7B2 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 Quarter Harbour Grey Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #ECEAE4;
--palette-ink: #2F2B1D;
--palette-accent: #E5E1D3;
--palette-support: #7E89AE;
--palette-neutral: #C1C7B2;
}Tailwind Config
{
"palette-background": "#ECEAE4",
"palette-ink": "#2F2B1D",
"palette-accent": "#E5E1D3",
"palette-support": "#7E89AE",
"palette-neutral": "#C1C7B2"
}Color Blindness Simulation
#E4E0D2
Protanopia#E5E1D3
Deuteranopia#E8DFDD
TritanopiaBuild a design system around Quarter Harbour Grey.