Duck Egg Blue
#9BBCBAA soft, calming blue-green inspired by the delicate colour of a duck egg. One of the most popular shades in the range, it brings tranquillity and a coastal lightness.
Spec Sheet
Hex#9BBCBA
RGB155, 188, 186
HSL176°, 20%, 67%
On White 2.04:1 Fail
On Black 10.3:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EEF2F1 Text: #162D2B Accent: #9BBCBA Support: #B85158 Neutral: #C4CACF 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 Duck Egg Blue Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EEF2F1;
--palette-ink: #162D2B;
--palette-accent: #9BBCBA;
--palette-support: #B85158;
--palette-neutral: #C4CACF;
}Tailwind Config
{
"palette-background": "#EEF2F1",
"palette-ink": "#162D2B",
"palette-accent": "#9BBCBA",
"palette-support": "#B85158",
"palette-neutral": "#C4CACF"
}Color Blindness Simulation
#B8B8BA
Protanopia#B1B3BA
Deuteranopia#91BEBB
TritanopiaBuild a design system around Duck Egg Blue.