Azure Pier color palette — #F3F7EC · #CEE8FF · #84BAFC · #009DD3 · #273E6B
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Frost (#CEE8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#84BAFC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#009DD3): A luminous, balanced blue — the color of open sky before noon.
- Navy (#273E6B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Faded Aqua color palette (#F5F7EA, #B6EBE5, #23C9F5, #00A4AB, #00465F)
- Gentle Iris Harbor color palette (#FFF3E6, #BCE0FF, #7196F7, #00808F, #3E3768)
- Hazy Alley color palette (#E7EDDC, #7DB7E2, #0086E4, #006888, #001233)
- Softworn Petrol Grove color palette (#DFE2D0, #56AFC2, #0081A0, #005C61, #000B12)
- Ancient Wisteria Parlor color palette (#FFE5DC, #FF8F90, #D5A200, #C276E6, #521B1E)
- Tempered Blush Atelier color palette (#FFF1F0, #E8D8C5, #BCC992, #E58B99, #713615)
- Airy Pier color palette (#FFEBD0, #E1C580, #CC9A3C, #A8732F, #403500)
- Antique Coral color palette (#FFF2ED, #FFABA9, #B2C300, #F65B63, #393F00)
Browse the whole catalog at Explore, or see today's palette.