Hazy Pine color palette — #E9E5D3 · #8EB26E · #1D873F · #006458 · #2C2A05
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9E5D3): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8EB26E): A luminous, balanced green — the color of new leaves after rain.
- Fern (#1D873F): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006458): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#2C2A05): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Olive Market color palette (#F6EAD0, #A7B54C, #4B8B00, #00628C, #2C3200)
- Antique Cypress color palette (#E3E6D9, #70B59C, #00837B, #38603F, #1F2E0C)
- Ancient Emerald color palette (#F8F6E7, #96C291, #109864, #24706E, #35362F)
- Antique Studio color palette (#E4FBF4, #A1C893, #45884F, #1E5E46, #071E00)
- Muted Basin color palette (#EEE3D2, #849634, #006634, #004652, #2E290B)
- Hushed Cerulean color palette (#F3EEE6, #ACCFAE, #0097AD, #006E59, #003345)
- Antique Fern color palette (#F4F7E8, #9FD1B9, #48A193, #587B65, #354B03)
- Muted Olive color palette (#E5E1C7, #548343, #00532E, #0D2A54, #010800)
Browse the whole catalog at Explore, or see today's palette.