Soft Azure Lagoon color palette — #EDF9EF · #A5E8F5 · #00ABD9 · #00837A · #004469

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#A5E8F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00ABD9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00837A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004469): 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 Soft Azure 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

• Muted Bloom color palette (#E8F1EA, #90CFE6, #378FC0, #006B6D, #072F55)
• Tempered Petrol color palette (#E2F1E5, #61B0BA, #00728C, #004B42, #001623)
• Feathered Jade Lantern color palette (#FFF2EC, #AAF2FF, #5BC1FF, #00AB75, #293C70)
• Soft Denim color palette (#E6F2E8, #6799BB, #0357A6, #003A44, #02002E)
• Cobalt Harbor color palette (#E8F3EA, #8DB6D9, #3A72CA, #005669, #14174A)
• Pale Iris Balcony color palette (#E7E9FF, #8D8BFF, #DD6837, #009465, #2B2A57)
• Aged Lagoon color palette (#F1F5FF, #E8D5E3, #FDB3E8, #5C8DD2, #493D69)
• Dusty Loft color palette (#D0E2F0, #7FB6FF, #5B78FF, #5A4FBF, #442D6E)

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