Azure Pier color palette — #F0F6FC · #D8DAE5 · #C79DCE · #69A0CC · #1F1C29

Built around Blue Fog, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D8DAE5): bright and airy, almost weightless.
• Mauve (#C79DCE): A luminous, balanced pink — the color of a candy shop window.
• Blue Fog (#69A0CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1F1C29): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

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

• Tempered Teal color palette (#ECF7FB, #C6D9F5, #93ADEA, #42ACAD, #181F29)
• Softworn Sky color palette (#F0F6FA, #B0E8FF, #DEA0D0, #24BBEB, #302B38)
• Muted Powder Summit color palette (#EEF6FF, #8BB4E8, #C68278, #6E682D, #162B30)
• Patina Ash Veranda color palette (#E8FBEC, #D1DBFF, #B195C4, #856F45, #383E53)
• Wandering Lilac color palette (#F4F4FF, #F6D1E7, #D2877C, #A272C4, #1C0C19)
• Softworn Basalt Delta color palette (#F0F5FF, #DDD6E5, #BDAEE2, #886097, #5A244E)
• Worn Orchard color palette (#EFF7F5, #9EC5E6, #8E69B5, #3272A3, #37292E)
• Raspberry Terrace color palette (#EDF4EF, #94CEDD, #B8628D, #007F95, #201111)

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