Acacia Haze
#969C92A polished, whisper-quiet grey value offering the kind of nuance designers reach for repeatedly.
Spec Sheet
Hex#969C92
RGB150, 156, 146
HSL96°, 5%, 59%
On White 2.81:1 Fail
On Black 7.47:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E8EAE6 Text: #131C0C Accent: #969C92 Support: #7F43A8 Neutral: #B1CDB4 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 Acacia Haze Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E8EAE6;
--palette-ink: #131C0C;
--palette-accent: #969C92;
--palette-support: #7F43A8;
--palette-neutral: #B1CDB4;
}Tailwind Config
{
"palette-background": "#E8EAE6",
"palette-ink": "#131C0C",
"palette-accent": "#969C92",
"palette-support": "#7F43A8",
"palette-neutral": "#B1CDB4"
}Color Blindness Simulation
#9D9A91
Protanopia#9C9A92
Deuteranopia#969B99
TritanopiaBuild a design system around Acacia Haze.