Hazy Pier color palette — #EDE5CA · #82A15A · #036F21 · #00406F · #0F1A00
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EDE5CA): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#82A15A): A luminous, balanced green — the color of new leaves after rain.
- Olive (#036F21): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#00406F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#0F1A00): 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
- Wandering Jade Summit color palette (#E7E6D1, #5CA86E, #006C51, #00484B, #001C07)
- Wandering Fern Dune color palette (#E8DDCC, #958F61, #4E5D00, #3B2D64, #151200)
- Weathered Pier color palette (#E5E7D2, #5EA681, #006B5B, #342F81, #001C0F)
- Weathered Fern Veranda color palette (#DBF3D8, #989735, #106E12, #632660, #313000)
- Pine Harbor color palette (#DCF1E7, #91BB52, #00912C, #005E9E, #223500)
- Worn Aubergine Archive color palette (#F8EFDD, #777D48, #2D4E00, #3F0A53, #070900)
- Tempered Workshop color palette (#F6F2E6, #B9B58F, #568253, #664968, #2B280B)
- Gentle Magenta color palette (#FFE6E9, #D45FD0, #008739, #6D006B, #001C07)
Browse the whole catalog at Explore, or see today's palette.