Cerulean Harbor color palette — #ECF8F5 · #EFDAE0 · #E2BBC3 · #558BBA · #32443F

Built around Cerulean, softened by Oat — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Shell Pink (#EFDAE0): A whisper-light, dusty rose — the color of pressed rose petals.
• Oat (#E2BBC3): A whisper-light, dusty red — the color of late-summer berries.
• Cerulean (#558BBA): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#32443F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Weathered Iris Summit color palette (#FBF2F6, #EDD4D2, #D3BAB4, #8977CA, #493B42)
• Hushed Alley color palette (#EFF8F2, #C7E1E0, #A1CBCD, #0096AD, #334539)
• Ancient Azure Alley color palette (#EFF6FC, #D9D8E7, #BDA5AB, #2BAEFB, #314250)
• Powder Ridge color palette (#ECF1FF, #C0B8FF, #9D81BA, #966166, #6A4138)
• Gentle Ridge color palette (#FFF0FE, #BBE2FF, #90BCFF, #9187FC, #253259)
• Dusty Grove color palette (#F8EBF5, #5977FF, #413F69, #321F2E, #170E17)
• Aged Byzantium color palette (#FFF0FC, #7394FF, #A645BF, #942544, #003645)
• Antique Denim color palette (#F3EBF0, #D0BEC7, #B99BA7, #5156A6, #291924)

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