Hazy Pine color palette — #E8E5B7 · #81B984 · #0B8F5F · #005B51 · #003536
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E8E5B7): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#81B984): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#0B8F5F): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005B51): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#003536): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Pine 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 Cypress color palette (#E9EEDF, #59B59E, #008482, #005361, #003245)
- Quiet Corridor color palette (#EFE8CC, #B3B26B, #5C7F29, #006127, #003527)
- Aged Courtyard color palette (#E7EFC5, #64B685, #008A5F, #006950, #374C2C)
- Patina Emerald color palette (#E6F4E8, #00A775, #00675E, #003E44, #001A23)
- Dusty Lagoon color palette (#E3F9DF, #88D0C1, #008980, #004D49, #001E1A)
- Peony Market color palette (#ECF6E3, #64B69B, #C16F97, #00765B, #3F172C)
- Weathered Studio color palette (#EBF6E4, #ADE3EF, #BCBDED, #618F5A, #253A22)
- Wandering Cocoa color palette (#F7F1E4, #B3AC87, #807547, #654418, #23250A)
Browse the whole catalog at Explore, or see today's palette.