Ultramarine Lagoon color palette — #F5E1F2 · #0051B6 · #524400 · #332C00 · #020500

A conversation between Cobalt and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5E1F2): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#0051B6): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Olive (#524400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#332C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#020500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

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

• Weathered Grape Harbor color palette (#FDDDEE, #5D22E1, #573E00, #352500, #000401)
• Patina Denim Lantern color palette (#CDEBDF, #00659C, #6B2000, #451200, #030400)
• Linen Sapphire Quarry color palette (#D7E6FE, #486AD6, #9B3600, #3F4600, #001519)
• Frosted Grape Chapel color palette (#FBDAE6, #6F1BC1, #135000, #003428, #000502)
• Deep Station color palette (#F9D8EA, #400091, #1C3000, #001511, #000202)
• Garnet Hollow color palette (#D4E7CC, #00716E, #830307, #2E2D00, #060400)
• Linen Indigo Lagoon color palette (#ECEFD9, #4C65F5, #771E76, #093601, #100628)
• Indigo Orchard color palette (#F0F5FF, #556BFF, #A72177, #004946, #000206)

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