Ultramarine Lagoon color palette — #F3F4FF · #D3C2FF · #CA82F2 · #3E51CC · #3C3366

Cobalt takes the lead with Pink Orchid close behind in a set that reads as creativity and energy at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D3C2FF): A whisper-light, balanced violet — the color of wild irises.
• Pink Orchid (#CA82F2): A luminous, vivid violet — the color of twilight just after sunset.
• Cobalt (#3E51CC): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#3C3366): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged pastel, light.

Use it as a design system

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

• Airy Iris Drift color palette (#EDF6FF, #B5D0FF, #8A92F2, #006B96, #103766)
• Feathered Pier color palette (#FAF1FF, #F4AAF0, #F26FBD, #7B36BC, #4A1C53)
• Aged Blush Balcony color palette (#FFEBF9, #DECEFF, #FF7BB7, #006E9F, #1F163D)
• Linen Pier color palette (#F2F5FF, #DACDFF, #FF98C4, #008DB9, #343161)
• Aubergine Lantern color palette (#FFEFF2, #EBBABD, #CD89A4, #6E418E, #4F2A30)
• Pale Iris color palette (#F4F4FF, #F1D1EC, #FEAFD8, #7F97FC, #3B335D)
• Aubergine Station color palette (#F5E5EB, #9D7EA9, #924581, #381373, #14001E)
• Tempered Cobalt Dune color palette (#FFF0F7, #E5D6D4, #E6BBB0, #7981B6, #5A464F)

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