Azure Pier color palette — #E3F4F2 · #86CBE6 · #009ED7 · #007B8B · #002237
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3F4F2): a clean, paper-quiet neutral.
- Sky (#86CBE6): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#009ED7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002237): A deep, shadowed, dusty 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
- Aqua Meadow color palette (#D0E5E0, #50D6D9, #00A5B3, #007E72, #00242B)
- Worn Periwinkle color palette (#DEF4F3, #A9DAFF, #4FA9FF, #008BB4, #192E4D)
- Wandering Cobalt color palette (#FEF4E3, #9BD6EC, #0883BD, #005154, #000C21)
- Antique Dune color palette (#DBEEEE, #68B6FD, #2B81E9, #00678E, #010B40)
- Cobalt Study color palette (#F5E5EE, #58C0E4, #007AC2, #005A54, #0E1B45)
- Washed Harbor color palette (#D0E4E1, #44AFCD, #0080A6, #005C65, #000B14)
- Aged Meadow color palette (#E4FBF6, #37F6F9, #00C1D0, #00998A, #003A44)
- Cobalt Terrace color palette (#C6EAE2, #00A390, #0088DD, #737D00, #001612)
Browse the whole catalog at Explore, or see today's palette.