Ultramarine Lagoon color palette — #F2DEED · #C4AB00 · #323CDC · #182071 · #1A0717

Cobalt takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F2DEED): A whisper-light, dusty pink — the color of a candy shop window.
• Gold (#C4AB00): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#323CDC): A full-bodied, vivid violet — the color of wild irises.
• Navy (#182071): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1A0717): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, vibrant.

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

• Frosted Ultramarine color palette (#EEDFEE, #EC9400, #0054BB, #002A65, #180918)
• Grape Bloom color palette (#F6DCEA, #9BBA2D, #5E02E7, #2E0F76, #0E0929)
• Chalky Canyon color palette (#F0F5FF, #F1BA2F, #3A41C6, #110F55, #00000B)
• Aubergine Delta color palette (#F0D6DE, #86B564, #6E329A, #35184B, #16050B)
• Airy Indigo color palette (#D8E5FC, #D9BE33, #5272EF, #324791, #050B2D)
• Dusty Grape Thicket color palette (#FFF1F7, #90CE7D, #7748C2, #402E63, #28131D)
• Linen Coral Atelier color palette (#CDEDE0, #FF806B, #006389, #003248, #00140D)
• Hushed Aubergine color palette (#F9DFE2, #82A024, #740072, #310030, #090001)

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