Azure Lagoon color palette — #FFF2EB · #8DD7EF · #0094E0 · #007369 · #132D6C

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#8DD7EF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#0094E0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007369): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#132D6C): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns 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

• Chalky Cornflower Canyon color palette (#FFF3E6, #9FD0FF, #5F80FF, #00707F, #342760)
• Dusty Quarry color palette (#FFF2EB, #6EE0DC, #009DB5, #007744, #003751)
• Azure Orchard color palette (#EBFAEE, #CFE2F7, #00A6E6, #007272, #002547)
• Azure Studio color palette (#FDF3ED, #BBDEC8, #4A9FD0, #007E6D, #4B2F4B)
• Misty Periwinkle color palette (#FFF0F9, #9DE6FE, #5AB1FF, #009B7C, #272968)
• Dusty Delta color palette (#E6DDD7, #6CBEDC, #0079C4, #005A55, #0E1A47)
• Faded Aqua Terrace color palette (#E0FCF9, #37CAF1, #00789E, #00545D, #003752)
• Frosted Mallow color palette (#DBFFE9, #BFD8FF, #CEA2FF, #008C82, #0D3759)

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