Azure Lagoon color palette — #FAF4EC · #B7DFC8 · #00A1DF · #007C7C · #0A453A

Cornflower and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#B7DFC8): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#00A1DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007C7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#0A453A): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Cerulean Chapel color palette (#FEF4E4, #82DBE4, #009CBC, #007464, #003850)
• Wandering Azure Bloom color palette (#FAF4EB, #B2E0CF, #5398E7, #00798C, #4C2F47)
• Muted Teal Summit color palette (#F4ECE0, #40B6B3, #007480, #004C38, #00171F)
• Sky Lantern color palette (#F8F4EE, #C9E9E5, #6FBCE1, #51948F, #385049)
• Powdered Field color palette (#EDE4D6, #7DBBDA, #0079C3, #005860, #091D42)
• Hushed Rust Balcony color palette (#FFEADD, #E98C63, #1AABE0, #AF4400, #003B51)
• Misty Amber Ridge color palette (#FCDEC8, #E07325, #00A17F, #7964C5, #3E240F)
• Washed Bronze Market color palette (#F8E3D7, #D1A383, #B5694B, #874441, #342F2A)

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