Ultramarine Lagoon color palette — #EEF2F9 · #9DB1E9 · #9A57A0 · #3D58C7 · #100A1E

Built around Cobalt, softened by Slate — the whole palette hums with creativity and balance.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Sky (#9DB1E9): A luminous, balanced violet — the color of wild irises.
• Slate (#9A57A0): A full-bodied, balanced pink — the color of peonies in June.
• Cobalt (#3D58C7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#100A1E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged duotone.

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

• Softworn Lapis color palette (#EFF1F9, #B0ADDD, #B15168, #624FBA, #140A16)
• Indigo Cabin color palette (#EDF3F7, #84BBDE, #7C66AE, #006C9B, #0B0D1B)
• Peony Dune color palette (#FBF2F9, #ADC2FE, #C26AB5, #5E7AD4, #311E20)
• Plum Boulevard color palette (#EFF7F5, #6FB6EF, #B63D60, #00649F, #321E1A)
• Timeworn Terrace color palette (#F0F1F8, #DAD5DC, #C7B7C6, #7568B2, #282B38)
• Weathered Parlor color palette (#DFE7FF, #B7A3D2, #92609D, #7F1262, #44001F)
• Tempered Pewter color palette (#E5F7E9, #A192C8, #8D557F, #4C4900, #211F38)
• Timeworn Aubergine color palette (#E8EDFF, #9681EA, #A80050, #5700BD, #0C0003)

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