Lime Granita
#DCE1B8A balanced, muted green tone that shifts beautifully between natural and artificial light.
Spec Sheet
Hex#DCE1B8
RGB220, 225, 184
HSL67°, 41%, 80%
On White 1.35:1 Fail
On Black 15.51:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDEEE7 Text: #1C1D11 Accent: #DCE1B8 Support: #6F65B8 Neutral: #B6CBA9 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 Lime Granita Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDEEE7;
--palette-ink: #1C1D11;
--palette-accent: #DCE1B8;
--palette-support: #6F65B8;
--palette-neutral: #B6CBA9;
}Tailwind Config
{
"palette-background": "#EDEEE7",
"palette-ink": "#1C1D11",
"palette-accent": "#DCE1B8",
"palette-support": "#6F65B8",
"palette-neutral": "#B6CBA9"
}Color Blindness Simulation
#E8DDB6
Protanopia#E7DEBA
Deuteranopia#E1DCD6
TritanopiaBuild a design system around Lime Granita.