Cobalt Lagoon color palette — #EDF9EF · #86DBFF · #2987C2 · #00656C · #21406A

A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Ice Blue (#86DBFF): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#2987C2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00656C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#21406A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cobalt 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 Corridor color palette (#F9EEF4, #A6D8EE, #3387CF, #00625F, #16214B)
• Weathered Cobalt Atelier color palette (#E6FCEA, #53C5FC, #0071BD, #00545E, #172F64)
• Worn Azure color palette (#FEF3EB, #A8E5FF, #3EA1F4, #00837D, #2C3B71)
• Frosted Dune color palette (#F4F7EA, #B6EAE9, #54C3FD, #00A2BA, #00436B)
• Aged Cerulean Delta color palette (#DBEFDE, #439CB8, #004F73, #003031, #00142C)
• Antique Ash color palette (#F0F7F1, #DADDEE, #829AC0, #437786, #485367)
• Misty Studio color palette (#D7FFF6, #86F7FF, #5CBDF1, #438658, #125252)
• Airy Clover color palette (#D8E5D5, #00B95F, #00865E, #005D4C, #004253)

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