Ultramarine Lagoon color palette — #D9EAEC · #007B64 · #3847BB · #004335 · #020023

Cobalt and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#D9EAEC): bright and airy, almost weightless.
• Teal (#007B64): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#3847BB): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004335): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged 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

• Washed Grape Archive color palette (#C7E6F2, #007782, #6E33A6, #004047, #0B0019)
• Pale Pine Thicket color palette (#D4EEEB, #007F2F, #005D92, #004516, #000610)
• Hushed Fern Delta color palette (#DDF3FF, #00768B, #516000, #003F4C, #050700)
• Timeworn Lagoon Meadow color palette (#D6F7F3, #008A7E, #005751, #00211E, #000202)
• Chalky Studio color palette (#D3EBFF, #0080BB, #A5298C, #004A6F, #22001B)
• Indigo Delta color palette (#DCEEDE, #7254FF, #007B99, #090F16, #000204)
• Cerulean Boulevard color palette (#C0EEF6, #4EBABC, #2793AB, #005C48, #000E0E)
• Shadow Corridor color palette (#CCECEE, #00604A, #740041, #00271D, #120006)

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