Azure Pier color palette — #FFF2EC · #A9E6F6 · #45A6DD · #008473 · #173D79
Cornflower and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#A9E6F6): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#45A6DD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008473): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#173D79): A deep, shadowed, balanced 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
- Chalky Iris color palette (#FEF3E8, #BDDFFF, #7A97EC, #008091, #40366A)
- Azure Coast color palette (#FFF2EB, #8CD7F1, #0094E2, #00736A, #0A277D)
- Sky Veranda color palette (#F5F7EA, #B4F0FF, #4BC7EF, #00A4AD, #004661)
- Cerulean Study color palette (#ECF8F6, #9BDAEA, #008DB0, #00656C, #004661)
- Lagoon Hollow color palette (#FAF4F0, #CDE7E7, #94B4DD, #1C989A, #63495B)
- Petrol Quarry color palette (#F5E9E4, #61AFBD, #006F97, #004C3D, #00132E)
- Ultramarine Pier color palette (#F2E7DC, #6E9E90, #2B4FB0, #003A41, #0A0028)
- Airy Iris Chapel color palette (#FFF5DB, #D4C23B, #6C7FEC, #867900, #2A3372)
Browse the whole catalog at Explore, or see today's palette.