Azure Pier color palette — #EDF6FE · #DBD7E5 · #BDA6A4 · #3FAEF3 · #33424E

A conversation between Cornflower and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FE): a clean, paper-quiet neutral.
• Silver (#DBD7E5): bright and airy, almost weightless.
• Rosewood Mist (#BDA6A4): A luminous, dusty orange — the color of sun-warmed clay.
• Cornflower (#3FAEF3): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#33424E): 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

• Muted Lilac color palette (#F2F5FF, #E2D6E2, #B8A9A0, #9F96F2, #3B3F4E)
• Tempered Cobalt Study color palette (#EEF8F5, #ECD9DD, #D8BCBD, #478CC5, #2F453F)
• Aged Harbor color palette (#F5F4FC, #E0D8DC, #B9AEAB, #567074, #52515B)
• Patina Iris Garden color palette (#D5DFF0, #7F99FF, #795982, #364258, #05131D)
• Cobalt Orchard color palette (#EAEFF6, #C6BCCA, #B99EAF, #677CC2, #181F2D)
• Timeworn Villa color palette (#E5F9FF, #AFCDFF, #C499C4, #739668, #38592C)
• Hazy Amber Pier color palette (#EEF6FF, #77BDFF, #D58200, #8C7200, #393000)
• Frosted Lagoon color palette (#DBFFED, #3AD3FF, #A78AE6, #827F00, #09375F)

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