Reef Blue
#94DCE1A light, rich blue with composed depth. Evokes sky, sea, and serenity across virtually any room.
Spec Sheet
Hex#94DCE1
RGB148, 220, 225
HSL184°, 56%, 73%
On White 1.55:1 Fail
On Black 13.58:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E6EAEA Text: #203132 Accent: #94DCE1 Support: #B45750 Neutral: #A8B1BD 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 Reef Blue Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E6EAEA;
--palette-ink: #203132;
--palette-accent: #94DCE1;
--palette-support: #B45750;
--palette-neutral: #A8B1BD;
}Tailwind Config
{
"palette-background": "#E6EAEA",
"palette-ink": "#203132",
"palette-accent": "#94DCE1",
"palette-support": "#B45750",
"palette-neutral": "#A8B1BD"
}Color Blindness Simulation
#D2D6E1
Protanopia#C4CBE2
Deuteranopia#76E1DD
TritanopiaBuild a design system around Reef Blue.