Azure Pier color palette — #FFF2EC · #D4DEF8 · #00A8DD · #00755D · #002549
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#D4DEF8): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#00A8DD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00755D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002549): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Dusty Balcony color palette (#FFF2EB, #B3FFF9, #00ADC4, #00773F, #00283B)
- Periwinkle Drift color palette (#FFF3E8, #DCE3F6, #5E96FF, #007179, #211B4E)
- Turquoise Studio color palette (#E6FAF7, #7AEDFF, #00BEE0, #009797, #00394A)
- Worn Aqua Thicket color palette (#E8FBEB, #53CBDB, #007A98, #00574E, #003753)
- Hushed Garden color palette (#EFE5DE, #5EADD0, #005699, #002B2A, #00000B)
- Misty Market color palette (#FCEDF8, #6CCCDA, #007BAD, #005535, #000757)
- Lagoon Delta color palette (#DFFBFF, #DDDFEA, #E0B8C8, #009779, #003650)
- Muted Workshop color palette (#FAF4EF, #BFE5F4, #7BC2FF, #3B928B, #4E364A)
Browse the whole catalog at Explore, or see today's palette.