Hawaiian Breeze
#ABD3E2A moderate blue with oceanic undertones that anchors spaces with quiet authority.
Spec Sheet
Hex#ABD3E2
RGB171, 211, 226
HSL196°, 49%, 78%
On White 1.6:1 Fail
On Black 13.15:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E3E7E8 Text: #233339 Accent: #ABD3E2 Support: #92553F Neutral: #BBBFCE 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 Hawaiian Breeze Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E3E7E8;
--palette-ink: #233339;
--palette-accent: #ABD3E2;
--palette-support: #92553F;
--palette-neutral: #BBBFCE;
}Tailwind Config
{
"palette-background": "#E3E7E8",
"palette-ink": "#233339",
"palette-accent": "#ABD3E2",
"palette-support": "#92553F",
"palette-neutral": "#BBBFCE"
}Color Blindness Simulation
#CAD1E3
Protanopia#C2CAE2
Deuteranopia#9AD8D8
TritanopiaBuild a design system around Hawaiian Breeze.