Ultramarine Harbor color palette — #E7F1FD · #4887FF · #2A27FB · #2800AA · #150048
A conversation between Cobalt and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#E7F1FD): bright and airy, almost weightless.
- Azure (#4887FF): A luminous, vivid violet — the color of a velvet chair.
- Cobalt (#2A27FB): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#2800AA): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#150048): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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
- Grape Boulevard color palette (#D6DEF4, #6C74FF, #5706ED, #430096, #26004A)
- Ultramarine Courtyard color palette (#D8F2FF, #139AF5, #063CF7, #47139A, #461668)
- Aged Drift color palette (#E4E1FF, #9B8CFF, #6300F5, #30007C, #0B0029)
- Linen Pier color palette (#FAEAF6, #6174FF, #00856D, #3100D8, #001B15)
- Aged Nightshade Atelier color palette (#DAF4FF, #73C0FF, #4866FF, #4B00C1, #371257)
- Patina Azure Harbor color palette (#C3E6FB, #0097E3, #005F9E, #003773, #001256)
- Wandering Orchard color palette (#DCDDF7, #A38CFF, #921CFA, #630D9A, #371147)
- Linen Fuchsia Orchard color palette (#F1F0FF, #DBC7FF, #E074FB, #4C4EB2, #21133D)
Browse the whole catalog at Explore, or see today's palette.