Ultramarine Lagoon color palette — #E6EDE0 · #00AB8A · #0058CA · #00614E · #09000A

A conversation between Cobalt and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Cream (#E6EDE0): bright and airy, almost weightless.
• Turquoise (#00AB8A): A luminous, balanced teal — the color of sea glass.
• Cobalt (#0058CA): A full-bodied, vivid blue — the color of open sky before noon.
• Pine (#00614E): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#09000A): A deep, shadowed, dusty pink — the color of peonies in June.

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

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 Teal color palette (#EAF8FB, #00BBA8, #00659A, #005A50, #000103)
• Timeworn Byzantium Hollow color palette (#D7E7D8, #00A6AD, #8F22AA, #005F63, #0C0003)
• Washed Courtyard color palette (#E8EAD5, #3EAE00, #006894, #206300, #000503)
• Aged Grove color palette (#CDF4EB, #00A0AB, #006B96, #0D2D91, #160040)
• Chalky Field color palette (#E4F8E8, #00C1D2, #7A47FF, #007782, #200717)
• Pale Courtyard color palette (#F4E5D9, #009298, #0051B7, #5A2800, #001A22)
• Weathered Mulberry color palette (#D3E5DB, #0081A1, #75006D, #003F50, #060001)
• Aubergine Boulevard color palette (#DCE2D2, #128C56, #4E0596, #003D21, #050013)

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