Hazy Pine color palette — #F6F7E0 · #7CB285 · #007D4F · #165E50 · #1E4426
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7CB285): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007D4F): A full-bodied, balanced teal — the color of sea glass.
- Pine (#165E50): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#1E4426): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Sunlit Jade color palette (#F8F2DF, #83B96B, #007F57, #005661, #222202)
- Dusty Olive color palette (#FBF5E5, #A2AA58, #5A7500, #025E52, #3C3B34)
- Ancient Lagoon color palette (#E3E7D4, #579C79, #00644D, #004844, #232E08)
- Muted Emerald color palette (#E3FCF0, #91CE7B, #009E70, #37737D, #2A4221)
- Frosted Ultramarine color palette (#FFF0FB, #7188FC, #009479, #3B46CC, #004638)
- Teal Delta color palette (#FEF4E2, #BED9A0, #5BBA91, #4094B2, #2E4214)
- Fern Boulevard color palette (#F4EEDE, #778040, #374D00, #003730, #1A1D00)
- Washed Cerulean Delta color palette (#F5F7E8, #8BDDEC, #008EAA, #006667, #00475C)
Browse the whole catalog at Explore, or see today's palette.