Ultramarine Harbor color palette — #D7E2ED · #0E87F2 · #0849C0 · #172D79 · #0C0B35

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

The five colors

• Frost (#D7E2ED): bright and airy, almost weightless.
• Azure (#0E87F2): A luminous, vivid blue — the color of deep harbor water.
• Cobalt (#0849C0): A full-bodied, vivid violet — the color of wild irises.
• Navy (#172D79): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#0C0B35): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Indigo Summit color palette (#E6ECF9, #586DF8, #443EC9, #332178, #150436)
• Iris Grove color palette (#E1EDFF, #628FF7, #475BBF, #353A7B, #211B41)
• Misty Cobalt color palette (#C3E6F6, #0091CD, #005A8A, #00345F, #001635)
• Tempered Parlor color palette (#ECDFE9, #516CFF, #BE2056, #2736A0, #2A000C)
• Hazy Quarry color palette (#DDDEFF, #827BFB, #4D42AC, #200E61, #04001B)
• Worn Sapphire Parlor color palette (#D9EBEF, #00ADE5, #4168D3, #4C389A, #411A50)
• Patina Lapis Villa color palette (#E9EBFF, #5F4EDC, #A50C72, #005665, #190112)
• Powdered Violet Harbor color palette (#EBE8FF, #9253E4, #7731AF, #4C1863, #25052C)

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