Azure Canyon color palette — #F5F6EE · #B9DFC7 · #00A5CF · #007B82 · #124055

Cyan takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#B9DFC7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00A5CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007B82): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#124055): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Antique Azure color palette (#F4F6EF, #B8DED2, #5D99DA, #00769C, #4A3049)
• Softworn Denim color palette (#E6E9D8, #4B9FB9, #006181, #003A41, #000B14)
• Tempered Lagoon color palette (#EEF8F0, #BEE7FB, #6DBDE3, #00A09A, #1C3D58)
• Tempered Corridor color palette (#ECF1E4, #A0CAEC, #3089E0, #006789, #192D4F)
• Timeworn Cypress color palette (#FFF2EC, #C1EAF7, #72ACDD, #008264, #402239)
• Linen Iris color palette (#E8F3DD, #07C497, #5E8FFF, #008666, #21345C)
• Hushed Cerulean color palette (#FFF2EC, #84D3E6, #3C80A7, #006153, #4B2F4B)
• Linen Summit color palette (#E0E6D6, #75A6D7, #0060CE, #004563, #030C3C)

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