Azure Pier color palette — #FDF1FC · #A7F6F8 · #00A0CD · #1F6D39 · #001D42
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1FC): a clean, paper-quiet neutral.
- Sea Foam (#A7F6F8): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00A0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#1F6D39): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#001D42): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Iris Study color palette (#FFF0F7, #C8ECFF, #6992D7, #006B61, #1E173D)
- Wandering Sky color palette (#FDF1FA, #D1D6E9, #55B0E9, #23815D, #1C2E4C)
- Airy Parlor color palette (#FFF0F9, #6FDCFF, #137DD2, #005343, #08052B)
- Tempered Delta color palette (#DDEDEA, #89BDCD, #007986, #004C46, #001A20)
- Wandering Ember Dune color palette (#E7F9FF, #00C1C9, #E95E51, #007176, #360101)
- Ancient Denim color palette (#F6EAF1, #48B2C9, #00598C, #002D1F, #00000B)
- Aqua Boulevard color palette (#E3FAFF, #29D1FF, #0084A7, #003E47, #000304)
- Aged Studio color palette (#ADF3AC, #00CDB2, #008891, #00566B, #002038)
Browse the whole catalog at Explore, or see today's palette.