Ultramarine Harbor color palette — #ECDDE4 · #6FABCA · #0B4CB2 · #002C27 · #010008

A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#ECDDE4): bright and airy, almost weightless.
• Cyan (#6FABCA): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#0B4CB2): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#002C27): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ultramarine 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

• Ancient Denim color palette (#ECE2EA, #67B0B7, #005C7F, #002D18, #000108)
• Ancient Garden color palette (#FAE9EF, #77C0EC, #2B5BD4, #003E3B, #030010)
• Hushed Quarry color palette (#ECE1D9, #5088A4, #003C74, #002222, #05002C)
• Soft Cobalt color palette (#E8E1D6, #65AACD, #2079BD, #005C65, #000526)
• Powdered Boulevard color palette (#E4E8F5, #DF9ED1, #D76644, #004A6D, #040005)
• Softworn Terrace color palette (#E3EDFF, #2D40C1, #205400, #003C25, #00000B)
• Aubergine Meadow color palette (#E4F2FC, #3B5BE2, #4600A4, #240032, #040002)
• Frosted Aubergine Atelier color palette (#EFE2F4, #AE62CC, #560088, #150022, #020006)

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