Calming Aloe
#E8ECD2This steady green carries botanical depth, reading as organic and grounded.
Spec Sheet
Hex#E8ECD2
RGB232, 236, 210
HSL69°, 41%, 87%
On White 1.21:1 Fail
On Black 17.36:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFF0EB Text: #35391E Accent: #E8ECD2 Support: #675BAE Neutral: #C8D8C0 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 Calming Aloe Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFF0EB;
--palette-ink: #35391E;
--palette-accent: #E8ECD2;
--palette-support: #675BAE;
--palette-neutral: #C8D8C0;
}Tailwind Config
{
"palette-background": "#EFF0EB",
"palette-ink": "#35391E",
"palette-accent": "#E8ECD2",
"palette-support": "#675BAE",
"palette-neutral": "#C8D8C0"
}Color Blindness Simulation
#F0E9D1
Protanopia#F0EAD3
Deuteranopia#EBE9E4
TritanopiaBuild a design system around Calming Aloe.