Ombre Blue
#96C3D4A rich blue with quiet confidence. Creates restful bedrooms and focused home offices.
Spec Sheet
Hex#96C3D4
RGB150, 195, 212
HSL196°, 42%, 71%
On White 1.9:1 Fail
On Black 11.05:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDF1F2 Text: #213036 Accent: #96C3D4 Support: #AD8576 Neutral: #C2C7D6 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 Ombre Blue Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDF1F2;
--palette-ink: #213036;
--palette-accent: #96C3D4;
--palette-support: #AD8576;
--palette-neutral: #C2C7D6;
}Tailwind Config
{
"palette-background": "#EDF1F2",
"palette-ink": "#213036",
"palette-accent": "#96C3D4",
"palette-support": "#AD8576",
"palette-neutral": "#C2C7D6"
}Color Blindness Simulation
#B9C0D5
Protanopia#B0B9D4
Deuteranopia#82C9C8
TritanopiaBuild a design system around Ombre Blue.