Cerulean Harbor color palette — #CBE6FC · #0097D2 · #345679 · #0E334B · #00050B

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

The five colors

• Frost (#CBE6FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0097D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#345679): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#0E334B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Washed Drift color palette (#E0EBFC, #5B82F9, #4D4F7A, #223048, #01050D)
• Lagoon Canyon color palette (#D3ECF2, #00A198, #085F64, #02363F, #000607)
• Eclipse Grove color palette (#D1E4F1, #007CA8, #233058, #001828, #000609)
• Periwinkle Balcony color palette (#DEE5F0, #8CA7F2, #656F8B, #3D4A61, #121921)
• Timeworn Fuchsia Archive color palette (#E5E1F7, #D673E3, #805875, #433C5C, #110F1F)
• Lowlit Lapis color palette (#D7E1FB, #5949E8, #35265C, #25141B, #05021F)
• Powdered Magenta color palette (#E6F0FE, #6B9BFF, #D066C9, #00999D, #0D1D40)
• Worn Study color palette (#CCE1F6, #69A7F7, #4984FF, #3C4AE0, #22255E)

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