Cerulean Harbor color palette — #F5EDE2 · #90CFE8 · #378EC5 · #006B70 · #082D58

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#90CFE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#378EC5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#082D58): A deep, shadowed, balanced blue — the color of open sky before noon.

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

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

• Antique Cerulean Chapel color palette (#F5EDE2, #AFCEAD, #0097A8, #006F53, #003442)
• Azure Terrace color palette (#EFF8F1, #CCE2FF, #009BE4, #00696E, #001D42)
• Petrol Chapel color palette (#FAF4EB, #B4E0CF, #6E99C7, #007A8A, #2B395B)
• Washed Cobalt Field color palette (#F1E8DA, #92B5D6, #4D73BA, #00566B, #16144E)
• Misty Periwinkle Veranda color palette (#F8EAF1, #A3DDF4, #57A8FF, #00937C, #272756)
• Quiet Denim color palette (#E9E2D6, #6099C3, #24579C, #003A46, #04002D)
• Muted Veranda color palette (#F6EDE0, #5EB0BD, #00718F, #004B44, #001625)
• Pine Chapel color palette (#E2FAD3, #9FE9EB, #70BEE2, #488556, #003F3A)

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