Azure Pier color palette — #EDF6FF · #D7D8EE · #C2BDE4 · #0EA0F4 · #253543

Cornflower takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Silver (#D7D8EE): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C2BDE4): A luminous, dusty violet — the color of wild irises.
• Cornflower (#0EA0F4): A luminous, vivid blue — the color of deep harbor water.
• Deep Teal (#253543): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Cobalt Alley color palette (#EFF6FC, #D4DFEF, #BFB5EC, #0081B4, #1D3647)
• Teal Villa color palette (#EDF7FA, #CCDDF4, #AFC4EA, #00AEB0, #21373D)
• Tempered Iris color palette (#ECEEF7, #D8CFE0, #C7B2CE, #8F84DB, #292D3D)
• Gentle Study color palette (#D2E1FD, #6786FF, #524C9D, #273258, #010715)
• Cobalt Coast color palette (#E8FAF3, #EAD6D1, #AEA594, #1B88BB, #152922)
• Muted Plum Grove color palette (#FFDADC, #8CAEFF, #8C72FF, #C30068, #1E244F)
• Worn Magenta Boulevard color palette (#DEE8FF, #969DFF, #DE00DF, #C1003A, #002837)
• Hushed Powder Lantern color palette (#F1F6FB, #D9D9E1, #98B8E0, #BFADA9, #4E535A)

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