Azure Pier color palette — #F5E9F0 · #77CEE6 · #0798F0 · #008063 · #151A42

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

The five colors

• Blush (#F5E9F0): bright and airy, almost weightless.
• Sky (#77CEE6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#0798F0): A luminous, vivid blue — the color of open sky before noon.
• Teal (#008063): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#151A42): A deep, shadowed, dusty violet — the color of wild irises.

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

• Iris Harbor color palette (#E9DADE, #93C6F0, #6D85FF, #007D7E, #271141)
• Hazy Canyon color palette (#E6DCE7, #8FCDC9, #00A2C3, #178316, #00213B)
• Misty Periwinkle color palette (#F8EAF0, #B2D9F5, #6FA3FF, #009287, #2E274D)
• Softworn Chapel color palette (#E7DED0, #67BFD8, #007FAD, #005958, #00213C)
• Cobalt Grove color palette (#ECF9EE, #67DEFD, #0085B5, #005150, #000D1E)
• Airy Emerald Cabin color palette (#FDF0FE, #86EFE8, #00BDE3, #1C9F1F, #00355C)
• Antique Ember color palette (#DDEDF6, #00ADD1, #E55F00, #007D98, #310E00)
• Worn Teal Balcony color palette (#CDF1E2, #00AB9F, #0088A1, #005982, #051A4F)

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