Cerulean Harbor color palette — #ECF8F6 · #96DCE3 · #008FA3 · #006763 · #004858

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

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Ice Blue (#96DCE3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008FA3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006763): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Worn Grove color palette (#E7FAF7, #70C7D5, #007B92, #005656, #00394A)
• Hazy Pier color palette (#E9F9F8, #A7D5F3, #0085D2, #00637C, #084077)
• Powdered Market color palette (#FAEEF7, #88E0E9, #0090B6, #00654A, #002744)
• Petrol Garden color palette (#EFF7F6, #D3DDEF, #789FB8, #007D89, #3E5668)
• Weathered Lagoon Garden color palette (#D5E2DF, #529D9F, #00545C, #00302B, #00171D)
• Soft Aqua color palette (#F5F7E5, #9BF6FF, #00CCE9, #00A6A0, #004859)
• Turquoise Villa color palette (#FEF3EE, #A7E8EE, #00ABD7, #008662, #104369)
• Wandering Emerald color palette (#C0F8F3, #119940, #008095, #7C5900, #093B17)

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