Azure Pier color palette — #D1E6EA · #00A8DC · #006BA6 · #36478A · #333359
Cyan and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D1E6EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00A8DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006BA6): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#36478A): A full-bodied, balanced violet — the color of wild irises.
- Navy (#333359): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Softworn Dune color palette (#CCFAF7, #35B9DA, #3187CF, #49529F, #3F3467)
- Faded Study color palette (#D9F5EF, #00A9AE, #007487, #005579, #1B3F62)
- Timeworn Station color palette (#ECF2FF, #6F9BFD, #3C5DAF, #232F70, #181F4C)
- Patina Periwinkle color palette (#BBE8FF, #5FB2FF, #6377C4, #524D87, #5B3643)
- Aged Periwinkle Basin color palette (#FBE7FA, #659CF4, #9D5500, #25549D, #4D2C0E)
- Patina Nightshade Terrace color palette (#CDE7F1, #0084BC, #0049AE, #21147F, #280F4B)
- Wandering Iris Balcony color palette (#D1E4FF, #7D8AFF, #6E50BA, #623172, #492A47)
- Ash Boulevard color palette (#FEF0FF, #DFDAFF, #CB96C5, #337686, #4C3749)
Browse the whole catalog at Explore, or see today's palette.