Azure Pier color palette — #F0E9DD · #8DCCD6 · #00A1CA · #007E73 · #002236
Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F0E9DD): a clean, paper-quiet neutral.
- Sky (#8DCCD6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A1CA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007E73): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Feathered Cornflower Delta color palette (#F4EEE5, #95C7E7, #2D94F8, #007A8C, #091652)
- Muted Periwinkle Meadow color palette (#F4EDE3, #B1DFC9, #3DAEF5, #009097, #072D5A)
- Linen Grove color palette (#F7ECE7, #7BBECA, #007DB5, #005C3E, #0C1A4A)
- Muted Quarry color palette (#F5ECDF, #65AEB5, #00819C, #005F51, #000B13)
- Dusty Harbor color palette (#DBECDE, #5BAAB7, #00627B, #003A34, #000C17)
- Softworn Ember color palette (#EFD8E6, #7B7CEF, #DC4C00, #008B5A, #0D0933)
- Quiet Cornflower Field color palette (#FFE2F4, #E2B3D3, #E895D2, #4284DA, #2C1A49)
- Lapis Pier color palette (#D2E0EB, #4F9CF4, #4067F5, #4614DD, #250052)
Browse the whole catalog at Explore, or see today's palette.