Hazy Forest Loft color palette — #F8F7D9 · #7DB273 · #23713C · #2C4407 · #010B00
Built around Pine, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Custard (#F8F7D9): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7DB273): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#23713C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#2C4407): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#010B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy Forest Loft 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
- Tempered Lagoon color palette (#DDE6C5, #51A07C, #005B48, #003515, #000201)
- Teal Boulevard color palette (#E0F4F0, #00ADA4, #006B6B, #004247, #000B0E)
- Washed Dune color palette (#F4F7E5, #8ECBA2, #1D8A65, #055E54, #001F0D)
- Hushed Bronze color palette (#E1F5DE, #00A8A0, #927700, #005A56, #0B0700)
- Patina Lagoon color palette (#F2EEE1, #89B582, #00956F, #666900, #032201)
- Dusty Courtyard color palette (#FFF4DB, #C9CA60, #748900, #3A6528, #202000)
- Patina Terrace color palette (#E3FAFF, #00BEE0, #007286, #002D36, #000102)
- Softworn Atelier color palette (#B1EDF7, #008A99, #4E55DD, #0F670F, #000203)
Browse the whole catalog at Explore, or see today's palette.