Azure Pier color palette — #FCF4E8 · #BEE6CC · #00AADE · #00837D · #00436C
A conversation between Cyan and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Celadon Mist (#BEE6CC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00AADE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00837D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00436C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Washed Periwinkle color palette (#F9F4ED, #B8E6D9, #659AF6, #007E9B, #323876)
- Tempered Lagoon Garden color palette (#F9F4ED, #C3E6DD, #51B4C9, #008F74, #295140)
- Azure Workshop color palette (#FBF4EA, #83D9F4, #0097D2, #007272, #00345F)
- Weathered Petrol color palette (#E7DFD3, #67AFBA, #00718F, #004B44, #001625)
- Jade Garden color palette (#FFF0FA, #B0F1FF, #65C0FF, #26A87E, #2F3C6C)
- Timeworn Cerulean color palette (#F8F5EF, #CAE7E8, #8DB6DB, #43949E, #614960)
- Denim Corridor color palette (#F0E9DD, #6898BD, #0A54AC, #003A46, #04002D)
- Cobalt Coast color palette (#F1EBE0, #8ABEB0, #4872C1, #00566B, #16144E)
Browse the whole catalog at Explore, or see today's palette.