Hazy Pier color palette — #E6E7CC · #73B855 · #008761 · #005D57 · #173F5C
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Parchment (#E6E7CC): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#73B855): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008761): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005D57): A full-bodied, dusty teal — the color of sea glass.
- Navy (#173F5C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy 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
- Patina Hollow color palette (#DBE7D7, #00BD8D, #007C7A, #005C75, #00416A)
- Lime Lagoon color palette (#E7EAD7, #45E135, #00B88E, #008C82, #004E5A)
- Clover Pier color palette (#DEF3D6, #00B955, #007E53, #005544, #002F2B)
- Pine Veranda color palette (#F1DF9C, #96A200, #0A8B20, #006349, #044759)
- Clover Station color palette (#C4EEB3, #32CC6D, #009F75, #007A69, #004542)
- Teal Workshop color palette (#D7FFF5, #00BFB6, #007B6D, #004946, #00312B)
- Muted Amber Ridge color palette (#F5E7DC, #BE9900, #6D7100, #205B00, #004632)
- Bronze Field color palette (#E0F5E7, #90A763, #7C6800, #6D3B00, #0B4021)
Browse the whole catalog at Explore, or see today's palette.