Ultramarine Lagoon color palette — #DBE8F1 · #007DE8 · #192FDE · #1B0069 · #040014

Cobalt and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBE8F1): a clean, paper-quiet neutral.
• Azure (#007DE8): A full-bodied, vivid blue — the color of open sky before noon.
• Cobalt (#192FDE): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#1B0069): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#040014): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Grape Chapel color palette (#E2EDFF, #5363FF, #5313D8, #380066, #0B0013)
• Pale Alley color palette (#D3E2F5, #1E65D6, #0C00C3, #160068, #100044)
• Powdered Coast color palette (#D0EFFD, #0088E8, #2C4FEA, #4225AF, #180030)
• Feathered Navy color palette (#C9EBF9, #0093CE, #00558C, #001765, #02001E)
• Hushed Nightshade color palette (#E9E6FE, #957DFF, #511BBD, #16003F, #010009)
• Indigo Chapel color palette (#EADDE6, #5B67FF, #766700, #271AA0, #020100)
• Indigo Lagoon color palette (#EFF6FF, #99BBFF, #635FFF, #552FB7, #360358)
• Cellar Amethyst color palette (#E3E8FF, #6F2CF4, #550095, #1E0029, #030003)

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