Azure Pier color palette — #FFF4E2 · #7ED8FF · #0094E2 · #007179 · #03306B
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ice Blue (#7ED8FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#0094E2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007179): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#03306B): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Muted Ridge color palette (#FEF4E3, #70DFE5, #009DB7, #007460, #00384D)
- Antique Azure color palette (#EAF9F7, #CFDDF2, #00A6E6, #007081, #002741)
- Chalky Atelier color palette (#FFF2EA, #84C1DD, #0070C0, #005653, #202B69)
- Airy Periwinkle Alley color palette (#FFF0F8, #A8E4FF, #5FB0FF, #009894, #1E2676)
- Tempered Courtyard color palette (#F9F4ED, #BDF2E2, #89A6D5, #36869D, #573F50)
- Antique Teal color palette (#EEE3D2, #45B5B6, #007383, #004C3B, #001720)
- Orchid Grove color palette (#EAE1FF, #A260FF, #BD6700, #008170, #2B1649)
- Indigo Bloom color palette (#F7F3FF, #FDC5FF, #F690BB, #6D77D1, #442A56)
Browse the whole catalog at Explore, or see today's palette.