Hazy Pier color palette — #E5DFBF · #73A254 · #007E48 · #004F68 · #0C2C09
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E5DFBF): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#73A254): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007E48): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#004F68): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Forest (#0C2C09): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Weathered Thicket color palette (#F3EFDA, #78B375, #008D66, #005C84, #2F312A)
- Antique Pier color palette (#E1E0C2, #2FAA7E, #007971, #004297, #002C22)
- Misty Lime color palette (#DAFFEE, #83B51B, #008137, #004758, #001713)
- Chalky Amber color palette (#EBDCBF, #B58B08, #6F6D00, #005449, #2C2300)
- Soft Olive color palette (#F1D9C5, #7F7B00, #005B41, #4E1657, #192A00)
- Shadow Olive color palette (#E4E6D6, #2C8818, #053E20, #031C00, #050500)
- Navy Archive color palette (#E6E7CF, #00856F, #005658, #120088, #000F0C)
- Worn Lime Thicket color palette (#F3F4DB, #BED14A, #74C63F, #009D66, #033004)
Browse the whole catalog at Explore, or see today's palette.