Azure Pier color palette — #DFE3D4 · #95C8E0 · #329DD2 · #007A8D · #002139
Cerulean and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#DFE3D4): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#95C8E0): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#329DD2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Cornflower Market color palette (#E3E7DC, #8FB4DA, #4581DD, #006692, #030A3F)
- Powdered Cerulean Orchard color palette (#ECF1E3, #AFD9FC, #71A8E7, #008AB7, #182D51)
- Washed Cobalt Field color palette (#DDE1D2, #5CADC8, #007FAA, #005C67, #000A15)
- Tempered Drift color palette (#DDF0EE, #64A6C3, #005F88, #003842, #000C19)
- Airy Canyon color palette (#FDF1F8, #99D6F1, #207DCC, #00514F, #040332)
- Turquoise Villa color palette (#F6F7E4, #9BE9ED, #00C0D4, #00998E, #003A45)
- Hushed Turquoise Boulevard color palette (#F4F7ED, #C3E4E6, #9AC2E7, #63A2BB, #553F56)
- Linen Bronze color palette (#EBDFD5, #CCC883, #9CB66E, #BC6732, #2F1A00)
Browse the whole catalog at Explore, or see today's palette.