Hazy Pine color palette — #F5E2C6 · #9C7100 · #028334 · #98323F · #3A2800
Built around Olive, softened by Garnet — the whole palette hums with nature and growth.
The five colors
- Parchment (#F5E2C6): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#9C7100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Olive (#028334): A full-bodied, balanced green — the color of a quiet forest floor.
- Garnet (#98323F): A full-bodied, balanced red — the color of a theater curtain.
- Espresso (#3A2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Quiet Rust Loft color palette (#FEDDC7, #C25306, #6E7202, #843D6F, #40230C)
- Worn Lagoon color palette (#FFF5D8, #918C40, #009072, #9B5138, #3A3831)
- Feathered Olive color palette (#E9E7C2, #5C8A00, #007C7D, #844B00, #2F2D0C)
- Marigold Dune color palette (#FFF2D7, #C79F4E, #7A5A00, #483400, #2D1F00)
- Garnet Quarry color palette (#F0E5C2, #6D5800, #005D39, #770209, #171100)
- Pine Studio color palette (#E2E8DB, #007F59, #006789, #5A4D00, #002718)
- Dusty Corridor color palette (#F5F7E4, #7AA573, #3699A5, #8D7149, #42433C)
- Antique Meadow color palette (#F8E1C4, #A57000, #0071C2, #2A55AF, #1F1100)
Browse the whole catalog at Explore, or see today's palette.