Zen
#AABAB0A composed medium grey with balanced undertones. Reads as modern and pairs cleanly with both wood and metal.
Spec Sheet
Hex#AABAB0
RGB170, 186, 176
HSL143°, 10%, 70%
On White 2.03:1 Fail
On Black 10.36:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E8EDEA Text: #1F3D2A Accent: #AABAB0 Support: #B6729C Neutral: #B9D5D2 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 Zen Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E8EDEA;
--palette-ink: #1F3D2A;
--palette-accent: #AABAB0;
--palette-support: #B6729C;
--palette-neutral: #B9D5D2;
}Tailwind Config
{
"palette-background": "#E8EDEA",
"palette-ink": "#1F3D2A",
"palette-accent": "#AABAB0",
"palette-support": "#B6729C",
"palette-neutral": "#B9D5D2"
}Color Blindness Simulation
#BAB7B0
Protanopia#B7B5B1
Deuteranopia#A8BAB7
TritanopiaBuild a design system around Zen.