Ultramarine Pier color palette — #EDF6FF · #B2D3FF · #578EFF · #3856C6 · #2D3164

Cobalt and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Lilac Frost (#B2D3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#578EFF): A luminous, vivid violet — the color of wild irises.
• Cobalt (#3856C6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#2D3164): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Iris Courtyard color palette (#F1F5FF, #B9C3FF, #8477FF, #59449B, #2E1F47)
• Gentle Indigo Canyon color palette (#CDEBF8, #83C4FF, #689CFF, #696CD7, #462C65)
• Sapphire Parlor color palette (#D9F0FF, #149EF6, #036AE7, #32289F, #251251)
• Patina Azure Orchard color palette (#E4FAFF, #89E0FF, #009ED1, #006895, #003355)
• Wandering Sapphire color palette (#FFF0FD, #ADC7FF, #00CC99, #3A6FFF, #003827)
• Muted Grape color palette (#E8EBFF, #9284FF, #7000D9, #420075, #130021)
• Iris Study color palette (#FFF0F9, #E3DAE4, #DBB5B8, #7495E5, #343156)
• Wisteria Bloom color palette (#F5F4FF, #E0D5FF, #BB8BF5, #84559B, #58303A)

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