Lido Green
#D3E9DCRooted and ethereal, this green holds teal complexity beneath its organic appearance.
Spec Sheet
Hex#D3E9DC
RGB211, 233, 220
HSL145°, 33%, 87%
On White 1.28:1 Fail
On Black 16.46:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E8EDEA Text: #112218 Accent: #D3E9DC Support: #8E4871 Neutral: #B2CDCA 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 Lido Green Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E8EDEA;
--palette-ink: #112218;
--palette-accent: #D3E9DC;
--palette-support: #8E4871;
--palette-neutral: #B2CDCA;
}Tailwind Config
{
"palette-background": "#E8EDEA",
"palette-ink": "#112218",
"palette-accent": "#D3E9DC",
"palette-support": "#8E4871",
"palette-neutral": "#B2CDCA"
}Color Blindness Simulation
#E8E5DB
Protanopia#E4E3DD
Deuteranopia#D0E9E5
TritanopiaBuild a design system around Lido Green.