Anderson Blue
#96BFB8A balanced blue with cool undertones that anchors spaces with quiet authority.
Spec Sheet
Hex#96BFB8
RGB150, 191, 184
HSL170°, 24%, 67%
On White 2.01:1 Fail
On Black 10.44:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDF2F1 Text: #141F1D Accent: #96BFB8 Support: #974452 Neutral: #B3BDC2 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 Anderson Blue Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDF2F1;
--palette-ink: #141F1D;
--palette-accent: #96BFB8;
--palette-support: #974452;
--palette-neutral: #B3BDC2;
}Tailwind Config
{
"palette-background": "#EDF2F1",
"palette-ink": "#141F1D",
"palette-accent": "#96BFB8",
"palette-support": "#974452",
"palette-neutral": "#B3BDC2"
}Color Blindness Simulation
#BBBAB8
Protanopia#B3B4B9
Deuteranopia#8BC1BD
TritanopiaBuild a design system around Anderson Blue.