Cerulean Harbor color palette — #F7F0EB · #C5E5D7 · #6D8EC5 · #006D64 · #3E2131

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F0EB): a clean, paper-quiet neutral.
• Celadon Mist (#C5E5D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6D8EC5): A luminous, balanced violet — the color of wild irises.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3E2131): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Hushed Cerulean Drift color palette (#F9F4ED, #B4E4FF, #5E8FBD, #246D77, #554053)
• Antique Cerulean color palette (#F8F0EE, #CCE4C7, #009EBA, #45693E, #01352A)
• Gentle Cornflower color palette (#FDEFE5, #A5D8F0, #2680ED, #006357, #221C4D)
• Sunlit Grove color palette (#E4F7F1, #6FAADB, #D56C2B, #0069A7, #3C1F07)
• Worn Mallow color palette (#E1F9EB, #F6DAD2, #EEB1D9, #428680, #392A3A)
• Washed Pier color palette (#E3F2DB, #25B6C9, #007DA6, #114C81, #212749)
• Weathered Station color palette (#EFF8F1, #D9D5E1, #87C0F7, #3E8F9B, #2E405B)
• Wandering Teal color palette (#EDDFDA, #4BADB2, #006180, #003C1C, #000921)

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