Cerulean Harbor color palette — #F4F6EF · #C8E6E6 · #87B9D7 · #2C95A9 · #335149

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E6E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#87B9D7): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#2C95A9): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#335149): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, 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

• Powder Quarry color palette (#EDF8F7, #D8DDE8, #9DD4F7, #6B99AF, #3F4F5E)
• Petrol Pier color palette (#DFFFE8, #8ECCDF, #55A9C9, #297DA7, #2F5D4F)
• Tempered Cerulean color palette (#EFF0E3, #95D1D4, #0097A9, #006D65, #00343F)
• Muted Study color palette (#E6FBEF, #7EBCD1, #A19AE1, #49A872, #31483C)
• Weathered Cerulean Veranda color palette (#EAF9F3, #99CCE8, #D29DCA, #0098CE, #674146)
• Weathered Ash Terrace color palette (#FAF4EF, #C9E9E8, #739DC8, #2E7C79, #604B5B)
• Teal Field color palette (#F6F6EC, #A8E9E4, #00B1B5, #00856F, #004950)
• Tempered Denim color palette (#E4E8DD, #6C98B7, #005B98, #00394A, #00081C)

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