Cerulean Harbor color palette — #F9F4EE · #C3DEEB · #B4BFEC · #5A9FA5 · #5B445B

Storm Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C3DEEB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#B4BFEC): A luminous, dusty violet — the color of wild irises.
• Storm Blue (#5A9FA5): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5B445B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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 Lagoon color palette (#F9F4EE, #C2DFE8, #9ACFD0, #609F9B, #38544C)
• Washed Cabin color palette (#F1F7F2, #D7DEEF, #6C9FC8, #2D7B82, #445469)
• Wandering Lantern color palette (#FFF1F6, #D3C0FD, #E0AF8A, #69B2A3, #48303B)
• Worn Powder color palette (#FFF0FE, #E0DAE8, #ACADED, #816EA2, #623F49)
• Tempered Archive color palette (#FFF1F6, #E4D7D3, #ABB4AC, #B8958A, #604A51)
• Antique Oat Orchard color palette (#FFF0F7, #EAD4ED, #CCD291, #9A91C9, #48463F)
• Worn Grove color palette (#FBF4E9, #97D7EE, #1283BA, #005153, #000C20)
• Tempered Turquoise color palette (#FBF4E9, #BCE7F4, #59B3D7, #008078, #00324F)

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