Azure Pier color palette — #F7F6E6 · #B7CB99 · #77C5D0 · #64A1C9 · #443E00
Built around Blue Fog, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F6E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B7CB99): A luminous, dusty green — the color of new leaves after rain.
- Aqua (#77C5D0): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#64A1C9): A luminous, balanced blue — the color of deep harbor water.
- Deep Olive (#443E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Hushed Iris color palette (#F1F8E9, #8FD4B4, #89BCE9, #8B95D0, #3B3E38)
- Dusty Terrace color palette (#FFF1F3, #DEB0E3, #83C3CE, #5EA2CF, #4E353A)
- Tempered Lagoon color palette (#FBF5E5, #DAD29E, #A6B587, #459C9A, #574600)
- Worn Cobalt color palette (#FEF3E8, #C9A37C, #59ACA1, #6578AF, #413C36)
- Ancient Lilac color palette (#FFF2EB, #F2A388, #A6A3F0, #AC77C5, #38312D)
- Moss Cabin color palette (#FFF4DE, #E1DBAB, #BBC181, #819A42, #2E530C)
- Tempered Marigold color palette (#F9F4EF, #F9D7B4, #BCBC79, #E4983A, #302E27)
- Weathered Indigo color palette (#FFF2EF, #FF86AA, #50ACFC, #7176F7, #451C29)
Browse the whole catalog at Explore, or see today's palette.