Hazy Pine Garden color palette — #DCE8DF · #97AF6B · #008756 · #674578 · #003127
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Parchment (#DCE8DF): a clean, paper-quiet neutral.
- Sage (#97AF6B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#674578): A full-bodied, balanced violet — the color of wild irises.
- Deep Forest (#003127): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy Pine Garden 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
- Lagoon Boulevard color palette (#ECF9F1, #9EC08C, #009775, #755778, #1F3B36)
- Tempered Veranda color palette (#FEF4E2, #B2C47F, #3E894A, #6B4255, #151B00)
- Tempered Garnet color palette (#CFE9DE, #68A274, #007066, #652E56, #00201E)
- Worn Chapel color palette (#EFE4CB, #869444, #2E6402, #433C39, #2F2905)
- Olive Coast color palette (#FFE2ED, #BDAD34, #458C00, #814C0F, #352E00)
- Hazy Lagoon Orchard color palette (#E7FBEE, #9ACB82, #009D7A, #796911, #18433C)
- Antique Taupe Boulevard color palette (#F1F7F1, #B5DBCB, #82A685, #708470, #41514B)
- Wandering Grove color palette (#D3ECDE, #BAC079, #849B4B, #976A3F, #292C00)
Browse the whole catalog at Explore, or see today's palette.