Cobalt Lagoon color palette — #ECF9EF · #9DD7F8 · #0082DC · #006571 · #2B3E68

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Powder Blue (#9DD7F8): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0082DC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#006571): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2B3E68): A deep, shadowed, dusty 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

• Worn Pier color palette (#F1F7F2, #C0E2F4, #3F94BE, #00716F, #354A5F)
• Sapphire Workshop color palette (#ECF9EE, #71C1F7, #006BD1, #005462, #202D64)
• Hazy Cornflower Lagoon color palette (#FCEDF3, #99DAFC, #4980DE, #00635A, #251B4A)
• Worn Parlor color palette (#EDF6FF, #D0DFFF, #C3A3FF, #007C97, #31425B)
• Feathered Sky Garden color palette (#F3F7E8, #C7EAFF, #6BBFFD, #00A0C3, #15416C)
• Chalky Meadow color palette (#81F3FF, #00B5DB, #00799F, #005886, #3F3171)
• Hushed Plum color palette (#DCEEFF, #0086D2, #D00261, #506B00, #10334D)
• Patina Denim color palette (#E6F4E8, #5B98B4, #004E7B, #002F33, #001134)

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