Hazy Pier color palette — #FFD9E5 · #9F9A00 · #186E09 · #00474C · #181700
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFD9E5): A whisper-light, dusty rose — the color of a warm blush.
- Moss (#9F9A00): A luminous, balanced green — the color of fresh herbs.
- Olive (#186E09): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#00474C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#181700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Worn Terrace color palette (#D4ECD9, #7FA410, #006D44, #004656, #111900)
- Hushed Taupe Cabin color palette (#FFECF5, #BC9C4B, #5D6C34, #404365, #0C2113)
- Quiet Moss color palette (#CCF6E5, #809F2F, #396904, #005124, #263300)
- Bronze Orchard color palette (#F0DBE3, #897900, #294F00, #341E44, #000B04)
- Linen Chartreuse Orchard color palette (#FFF4DC, #B9D200, #479400, #08684E, #1C2100)
- Worn Jade color palette (#CFEDE1, #00B165, #006964, #3C4300, #001C0B)
- Cobalt Field color palette (#DFF2FF, #0079B2, #786300, #425517, #00101C)
- Velvet Fern color palette (#E2F5E7, #426400, #003321, #001720, #010100)
Browse the whole catalog at Explore, or see today's palette.