Ultramarine Lagoon color palette — #CAF1F8 · #0087C1 · #0C51C1 · #33237D · #240435

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

The five colors

• Frost (#CAF1F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0087C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0C51C1): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#33237D): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#240435): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Nightshade Pier color palette (#D1E8F4, #0282ED, #4137C0, #451E73, #250026)
• Tempered Terrace color palette (#C8EBE7, #008CA5, #00588A, #1A2C80, #1A0837)
• Ultramarine Quarry color palette (#D9EDFF, #2C87E1, #0053B9, #112D8B, #1A245B)
• Softworn Sapphire color palette (#BAE6FF, #5DB7FF, #0071E0, #33479C, #17143F)
• Soft Nightshade color palette (#EAEBFE, #8487FB, #4943B7, #171661, #03001D)
• Cornflower Studio color palette (#D8E4F6, #3F74F7, #876500, #1338A4, #191000)
• Ancient Periwinkle color palette (#DBECFB, #8FA4FF, #7C6DC0, #5F3E6E, #30223E)
• Dusty Lagoon color palette (#EEDFC2, #00BCB0, #007CB7, #001628, #00040B)

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