Kind Green
#AAC2B3A minimal, whisper-quiet grey tone with enough complexity to stand alone or support bolder choices.
Spec Sheet
Hex#AAC2B3
RGB170, 194, 179
HSL143°, 16%, 71%
On White 1.9:1 Fail
On Black 11.08:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E9ECEA Text: #213B2B Accent: #AAC2B3 Support: #B3518D Neutral: #CBD7D6 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 Kind Green Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E9ECEA;
--palette-ink: #213B2B;
--palette-accent: #AAC2B3;
--palette-support: #B3518D;
--palette-neutral: #CBD7D6;
}Tailwind Config
{
"palette-background": "#E9ECEA",
"palette-ink": "#213B2B",
"palette-accent": "#AAC2B3",
"palette-support": "#B3518D",
"palette-neutral": "#CBD7D6"
}Color Blindness Simulation
#C2BEB2
Protanopia#BDBBB4
Deuteranopia#A6C2BD
TritanopiaBuild a design system around Kind Green.