Azure Pier color palette — #F4F7E8 · #BBE7D0 · #30A8DC · #008090 · #004468
Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Mint (#BBE7D0): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#30A8DC): A luminous, balanced blue — the color of open sky before noon.
- Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004468): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Tempered Petrol Archive color palette (#E2E5D1, #70ACBE, #007092, #004950, #001623)
- Azure Pier color palette (#F3F8E3, #8BD6FA, #0096D8, #006F83, #00355A)
- Sky Canyon color palette (#FFF0F8, #BEEDFF, #6EBEFF, #00A79C, #2C3D6B)
- Hushed Garden color palette (#F4F6EF, #C7E7EA, #88BEB1, #578FA7, #5E4C5D)
- Moss Station color palette (#E7F2BD, #95A700, #00A696, #BE6018, #2E3502)
- Antique Courtyard color palette (#FBEEC6, #B1BB7E, #8D8B35, #6F6011, #2D3C07)
- Chalky Balcony color palette (#FBF7D0, #A9F6D3, #82E3A1, #92921E, #3C502C)
- Hazy Blush color palette (#FFF5DA, #C3B000, #F95B89, #867900, #651B32)
Browse the whole catalog at Explore, or see today's palette.