Cerulean Harbor color palette — #C4E7E7 · #00A1B8 · #006986 · #004B6C · #00335D

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

The five colors

• Silver (#C4E7E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A1B8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006986): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Navy (#00335D): A deep, shadowed, balanced blue — the color of deep harbor water.

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

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

• Pale Coast color palette (#D4F6F7, #00C6DE, #00A3C7, #007CAE, #003760)
• Pale Azure Delta color palette (#E0F0FF, #179AF7, #006094, #003554, #002035)
• Wandering Station color palette (#C5EBFF, #0091C1, #A85800, #005674, #482200)
• Hushed Emerald color palette (#D7E4D9, #00A36C, #00735F, #004A45, #0B2F41)
• Antique Field color palette (#DEF5FF, #76B9D3, #4A8BB0, #3E678F, #4C496A)
• Chalky Workshop color palette (#D2F5E9, #00BCBF, #00829C, #00589E, #1F228D)
• Ancient Lilac Lantern color palette (#EDF7FF, #BBD6FF, #A68AE8, #007283, #183358)
• Feathered Lantern color palette (#D5E3EB, #0EA1F5, #0073DF, #3743AC, #363072)

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