Pale Celery
#E9E9C9A rich yellow with sunny disposition. Brightens north-facing rooms and creates cheerful, welcoming interiors.
Spec Sheet
Hex#E9E9C9
RGB233, 233, 201
HSL60°, 42%, 85%
On White 1.24:1 Fail
On Black 16.96:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEFEB Text: #282815 Accent: #E9E9C9 Support: #5252AD Neutral: #B3C1A4 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 Pale Celery Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEFEB;
--palette-ink: #282815;
--palette-accent: #E9E9C9;
--palette-support: #5252AD;
--palette-neutral: #B3C1A4;
}Tailwind Config
{
"palette-background": "#EFEFEB",
"palette-ink": "#282815",
"palette-accent": "#E9E9C9",
"palette-support": "#5252AD",
"palette-neutral": "#B3C1A4"
}Color Blindness Simulation
#EFE6C7
Protanopia#F0E8CA
Deuteranopia#EEE5E0
TritanopiaBuild a design system around Pale Celery.