Worn Azure color palette — #FAF2F8 · #A5E0EA · #34A2D0 · #257C67 · #263C54

A conversation between Cyan and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#A5E0EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#34A2D0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#257C67): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#263C54): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Ancient Pier color palette (#FDF1F7, #CBE9FF, #85A8D1, #388989, #3B4761)
• Cobalt Alley color palette (#F6EBEF, #8CCDF7, #5C87C8, #006B70, #282852)
• Tempered Drift color palette (#F0DCE9, #2FA2BA, #005F88, #003C33, #00081F)
• Weathered Powder Studio color palette (#D5FFFB, #B3EBFF, #7FCBF4, #7F9258, #2C484C)
• Soft Boulevard color palette (#F1D8E1, #4FAAE9, #2C5CCC, #004950, #130837)
• Airy Orchard color palette (#DAFFEF, #40D8A4, #009A7E, #005E40, #00281E)
• Lime Market color palette (#EEF0E0, #94BF3E, #219744, #007056, #004740)
• Tempered Mint color palette (#DAF5F3, #59D681, #B8629E, #268649, #502242)

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