Azure Pier color palette — #E4E7D9 · #7BCCF0 · #009DDF · #007A8F · #00213A
Cornflower and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E4E7D9): a clean, paper-quiet neutral.
- Sky (#7BCCF0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cornflower (#009DDF): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007A8F): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#00213A): A deep, shadowed, dusty 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
- Timeworn Cerulean color palette (#ECEDDF, #78D1D1, #00A5B1, #007E71, #00242B)
- Quiet Cerulean Hollow color palette (#EDF0E6, #ADD8FF, #70A7EB, #0D89B8, #1A2D51)
- Feathered Cobalt Chapel color palette (#F6E2D5, #5ABFE9, #2678C1, #005957, #121A46)
- Dusty Cobalt color palette (#EBFAEE, #9BD5F0, #0081C6, #005056, #000B25)
- Turquoise Quarry color palette (#F6F8DD, #5FF2FB, #00C0D6, #00988F, #003A46)
- Ultramarine Corridor color palette (#F1E7E0, #70A5BD, #0054AF, #003A32, #0B002C)
- Powder Workshop color palette (#F3F7EC, #BBEAEE, #8DC3F7, #6AA1B8, #544054)
- Worn Taupe Terrace color palette (#F5F6EE, #B9E4F0, #A7D2BA, #8BAC8D, #43584E)
Browse the whole catalog at Explore, or see today's palette.