Cerulean Harbor color palette — #E2F0FA · #218DBF · #353B4B · #181F25 · #070E10

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

The five colors

• Frost (#E2F0FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#218DBF): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#353B4B): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#181F25): quiet, heavy and certain.
• Ink (#070E10): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Weathered Azure color palette (#E6F6F0, #5FA4CD, #64525F, #2E3B36, #1D231F)
• Sapphire Harbor color palette (#D9EAFF, #0067D2, #331D4B, #021024, #000408)
• Timeworn Lagoon color palette (#EAF2FF, #7B99E6, #8E934E, #787C50, #1E2838)
• Timeworn Lagoon color palette (#EBF5EE, #99D0C3, #5B8D8F, #516470, #213631)
• Ancient Byzantium color palette (#DDE0F8, #8A4ED5, #382A43, #141422, #04060C)
• Hushed Powder Dune color palette (#ECF2FF, #A5AEEC, #B3995E, #656DA2, #203726)
• Ancient Ridge color palette (#F7EFF5, #D3D2EC, #74A3C0, #4B765F, #29374B)
• Ancient Hollow color palette (#C9EBFF, #70BCF2, #6C8CCB, #605985, #3B374F)

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