Azure Alley color palette — #FEF2EE · #C0DDC2 · #00A4D1 · #287F44 · #49304A

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

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Celadon Mist (#C0DDC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#00A4D1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#287F44): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#49304A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Weathered Ridge color palette (#FFF2EB, #ADE6F3, #0DA4F7, #008663, #2E3B6F)
• Tempered Lagoon color palette (#FBF2F8, #D3D5E4, #67B2CA, #1C825B, #05324D)
• Hushed Iris Archive color palette (#FBF4ED, #B0E0D2, #7B8DEB, #007B7F, #4F2F3C)
• Frosted Terrace color palette (#F8ECE4, #91CFE7, #2C87E8, #006E5D, #292753)
• Gentle Ember Hollow color palette (#E4F4E2, #13C0B8, #E86947, #00837D, #53271C)
• Dusty Sky color palette (#FBF3F1, #CEE9E0, #74BDD6, #68936A, #5D4C5F)
• Hushed Cerulean color palette (#EDF9EF, #85D5D7, #00879B, #12614F, #1C3F53)
• Chalky Chapel color palette (#D3E6D0, #3AC399, #009A9A, #00697D, #1D3E5E)

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