Opal Waters
#AEC4D0A light blue that balances cool clarity with emotional warmth. Works in coastal, traditional, and modern schemes.
Spec Sheet
Hex#AEC4D0
RGB174, 196, 208
HSL201°, 27%, 75%
On White 1.81:1 Fail
On Black 11.61:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAEEF1 Text: #182A34 Accent: #AEC4D0 Support: #98725D Neutral: #B8BAC7 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 Opal Waters Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAEEF1;
--palette-ink: #182A34;
--palette-accent: #AEC4D0;
--palette-support: #98725D;
--palette-neutral: #B8BAC7;
}Tailwind Config
{
"palette-background": "#EAEEF1",
"palette-ink": "#182A34",
"palette-accent": "#AEC4D0",
"palette-support": "#98725D",
"palette-neutral": "#B8BAC7"
}Color Blindness Simulation
#BEC3D1
Protanopia#B9BFD0
Deuteranopia#A5C7C8
TritanopiaBuild a design system around Opal Waters.