Hazy Pine color palette — #DCF4DF · #8A9C4A · #00743E · #004E5C · #181E00
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DCF4DF): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#8A9C4A): A luminous, balanced green — the color of fresh herbs.
- Pine (#00743E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#181E00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, 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
- Fern Dune color palette (#F9E1ED, #A98F4E, #556A0C, #005149, #231900)
- Softworn Summit color palette (#FFF3E3, #9BAB58, #007339, #00444F, #0A0700)
- Lagoon Bloom color palette (#D7F2E3, #65915C, #00614F, #003D58, #021500)
- Wandering Emerald Orchard color palette (#DDF7EC, #90B474, #009845, #007467, #0F2000)
- Washed Pine Alley color palette (#D7EADA, #9CAD71, #1B8651, #6F4663, #003126)
- Softworn Mint color palette (#D8F2E7, #73BF89, #008A81, #2B5F8B, #013819)
- Worn Fern Terrace color palette (#FFE9F1, #84751B, #2A5100, #3C1B47, #080600)
- Airy Emerald color palette (#EAFBE9, #BFC07B, #529A50, #845781, #3D3D0C)
Browse the whole catalog at Explore, or see today's palette.