April Showers
#DAD9C9Rooted and delicate, this green holds warm complexity beneath its organic appearance.
Spec Sheet
Hex#DAD9C9
RGB218, 217, 201
HSL56°, 19%, 82%
On White 1.42:1 Fail
On Black 14.75:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F6F6F3 Text: #373520 Accent: #DAD9C9 Support: #6368B6 Neutral: #D2D7CB 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 April Showers Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F6F6F3;
--palette-ink: #373520;
--palette-accent: #DAD9C9;
--palette-support: #6368B6;
--palette-neutral: #D2D7CB;
}Tailwind Config
{
"palette-background": "#F6F6F3",
"palette-ink": "#373520",
"palette-accent": "#DAD9C9",
"palette-support": "#6368B6",
"palette-neutral": "#D2D7CB"
}Color Blindness Simulation
#DCD8C8
Protanopia#DDD9CA
Deuteranopia#DDD7D4
TritanopiaBuild a design system around April Showers.