Weathered Azure Pier color palette — #F0F6FB · #D7D9E6 · #B7A9AF · #17B1F4 · #31424F

Built around Cornflower, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D7D9E6): bright and airy, almost weightless.
• Ash (#B7A9AF): a calm mid-gray that lets other colors speak.
• Cornflower (#17B1F4): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#31424F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Weathered 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

• Aged Hollow color palette (#E8EFF7, #D1D1DC, #BAB6CF, #4898DC, #212F3E)
• Teal Market color palette (#ECF8FA, #D0DCE9, #B4ABB7, #00BDB3, #2C444A)
• Tempered Lilac color palette (#F2F5FC, #DED7E5, #BDA6A6, #9995FF, #383F53)
• Periwinkle Veranda color palette (#CFE1FA, #6C9EFF, #5B6395, #2E4260, #051220)
• Wandering Raspberry color palette (#FEF0FF, #9AC2FF, #8C8EFF, #C04785, #1F3166)
• Chalky Iris Garden color palette (#EBF7FF, #20CAF7, #8895FF, #497F00, #003935)
• Muted Indigo Lagoon color palette (#E3E6EC, #C2BDCD, #B0A2C1, #5272F4, #171F2E)
• Hushed Atelier color palette (#E8F5F0, #C5DBDE, #CDB7CC, #28729C, #192923)

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