Cerulean Harbor color palette — #D4E6EC · #0084A6 · #006487 · #004160 · #000A16

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4E6EC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0084A6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004160): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Cerulean Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Pale Olive Study color palette (#D9E9F4, #0089BB, #368600, #005C7F, #010800)
• Feathered Cobalt color palette (#C7E7FB, #0080C6, #005EA4, #003577, #010039)
• Lagoon Villa color palette (#D0EDE1, #008972, #00685E, #004744, #001011)
• Washed Harbor color palette (#D2E5FF, #338EFF, #0061C5, #003870, #000206)
• Denim Market color palette (#C6F1E7, #005D69, #002F40, #00112E, #01000A)
• Pale Iris color palette (#E4F0FF, #89A5E7, #8D89E5, #056C9F, #010C23)
• Pale Byzantium Canyon color palette (#DCE6F3, #006ECE, #9B15B7, #006660, #000207)
• Linen Ultramarine color palette (#D9EAFA, #0075DE, #1647E5, #223191, #07002F)

Browse the whole catalog at Explore, or see today's palette.