Hazy Pine color palette — #F2F4DE · #72BB86 · #007F55 · #544D12 · #1E2406
A conversation between Teal and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F4DE): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#72BB86): A luminous, balanced teal — the color of sea glass.
- Teal (#007F55): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#544D12): A full-bodied, dusty green — the color of a quiet forest floor.
- Onyx (#1E2406): 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
- Aged Olive color palette (#F5F2E4, #A2BE88, #58824F, #56554E, #292818)
- Antique Garden color palette (#E1FCF6, #77B38D, #007B65, #704615, #11462A)
- Hazy Jade color palette (#E5E9C1, #41AD68, #006C49, #174B0E, #001C09)
- Wandering Summit color palette (#CFFFE5, #00D193, #008254, #00492E, #001208)
- Tempered Workshop color palette (#DEEACF, #73B400, #368900, #005017, #003118)
- Wandering Aqua Harbor color palette (#EAF8D6, #ADF4FF, #30CDCC, #4C8955, #1F2C10)
- Softworn Clover Workshop color palette (#EEF8CC, #00B753, #0088DC, #006E2F, #00223D)
- Muted Emerald Coast color palette (#BAF5D3, #009B64, #0081A4, #755F00, #001E10)
Browse the whole catalog at Explore, or see today's palette.