Cobalt Lagoon color palette — #FEF1F7 · #9AD7FD · #5080C6 · #00666A · #37396B

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

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Powder Blue (#9AD7FD): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#5080C6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00666A): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#37396B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Ancient Hollow color palette (#FCF2F9, #9ACFDF, #2E849C, #006342, #163E5A)
• Sapphire Pier color palette (#FFF1F6, #7BC0F1, #3D69C3, #00555C, #2F2765)
• Washed Cobalt Thicket color palette (#F0F3EA, #A2D8F9, #2589CE, #005F76, #00254B)
• Soft Azure color palette (#E7FAF8, #BCE0FC, #32A4F0, #007E9B, #13416E)
• Muted Mallow Coast color palette (#ECF7FF, #DFD6E9, #DA9CDD, #008595, #30476D)
• Softworn Cypress color palette (#FAF2F8, #D3D7EB, #67A4B3, #4C7A5F, #3F5567)
• Denim Terrace color palette (#D1F2F3, #00B8D1, #0075A4, #005294, #482B70)
• Softworn Lagoon color palette (#EEE2EB, #418D95, #004357, #002318, #000A18)

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