Azure Pier color palette — #FBF2F7 · #BADAEC · #609BCC · #007D75 · #273864

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#BADAEC): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#609BCC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007D75): A full-bodied, balanced teal — the color of sea glass.
• Navy (#273864): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Cerulean color palette (#FAF3F5, #D7DBF2, #90A4D5, #008A9A, #474169)
• Dusty Forest Cabin color palette (#F7EAF2, #99CEDC, #0096AF, #007041, #00324A)
• Chalky Petrol Orchard color palette (#DCF4EF, #32BDBE, #0097B8, #00679D, #163660)
• Washed Petrol Courtyard color palette (#EEE2EA, #63B1B1, #007289, #004D2F, #001625)
• Tempered Denim Veranda color palette (#F3E9EE, #7198B2, #0059A1, #003B3B, #04002D)
• Cobalt Canyon color palette (#E5F4FF, #7CBFEB, #0089C4, #005885, #00253F)
• Misty Rose color palette (#D2E7FF, #6099D9, #CB6472, #9D6D00, #0F2C4C)
• Airy Coral color palette (#E0F1FE, #63B2DB, #DC735B, #007CA9, #5E1B0D)

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