Ultramarine Coast color palette — #E4ECF8 · #0B36D3 · #005052 · #002A4C · #000108

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

The five colors

• Frost (#E4ECF8): bright and airy, almost weightless.
• Cobalt (#0B36D3): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#005052): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002A4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Patina Basin color palette (#E4EFFF, #1F40BF, #1D5300, #002A4F, #000011)
• Grape Archive color palette (#E7EEFF, #4B0DD8, #00504F, #250077, #01000E)
• Deep Grape color palette (#DADCF5, #6B1BB0, #752A00, #003127, #01000E)
• Lowlit Lantern color palette (#EDEFFF, #6B32AD, #3F3900, #02005F, #03000B)
• Plum Orchard color palette (#EFE4FF, #B90C95, #8F4F00, #033E9B, #050003)
• Aubergine Cabin color palette (#F8DBEE, #A73200, #006059, #3C008B, #0E0100)
• Faded Peony color palette (#E6D8EE, #DD6096, #0D7517, #00568D, #23132B)
• Patina Ultramarine color palette (#F0F5FF, #6B8CFF, #009B93, #355BCB, #1B2B47)

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