Rock Candy
#E5E5D2A refined white carrying balanced depth beneath its surface brightness.
Spec Sheet
Hex#E5E5D2
RGB229, 229, 210
HSL60°, 27%, 86%
On White 1.28:1 Fail
On Black 16.47:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2F2EE Text: #40401C Accent: #E5E5D2 Support: #595988 Neutral: #BDCCAD 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 Rock Candy Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2F2EE;
--palette-ink: #40401C;
--palette-accent: #E5E5D2;
--palette-support: #595988;
--palette-neutral: #BDCCAD;
}Tailwind Config
{
"palette-background": "#F2F2EE",
"palette-ink": "#40401C",
"palette-accent": "#E5E5D2",
"palette-support": "#595988",
"palette-neutral": "#BDCCAD"
}Color Blindness Simulation
#E9E3D1
Protanopia#E9E4D3
Deuteranopia#E8E2DF
TritanopiaBuild a design system around Rock Candy.