Azure Canyon color palette — #FDF3EE · #B8E0C3 · #4E9ECF · #327C5C · #4C2F48

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#B8E0C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4E9ECF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#327C5C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4C2F48): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, 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

• Hushed Delta color palette (#FBF4EE, #C4E5E6, #89A5D7, #198D82, #5D3B4E)
• Hushed Delta color palette (#FBF2F9, #D5D4E2, #56AFE9, #00835C, #1D2E4C)
• Softworn Harbor color palette (#F6EDE4, #9ED1BE, #6884C5, #006C67, #312354)
• Hazy Boulevard color palette (#FFF2EE, #8EDAD9, #009BC1, #007829, #003361)
• Turquoise Grove color palette (#E2F4E5, #00BECD, #D07D54, #00818C, #532811)
• Muted Pier color palette (#CCE9D6, #04C7BE, #008E9F, #006687, #1F3C61)
• Muted Delta color palette (#F9F4EE, #C8EAD2, #1EC3F5, #2F9F94, #194338)
• Amber Studio color palette (#CAEFD6, #00A7C0, #C57037, #8F6B18, #00323A)

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