Hazy Pine color palette — #CCE8D0 · #7F9336 · #007540 · #523E63 · #050700
Pine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#CCE8D0): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#7F9336): A luminous, balanced green — the color of fresh herbs.
- Pine (#007540): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#523E63): A full-bodied, dusty violet — the color of a velvet chair.
- Ink (#050700): 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
- Weathered Emerald color palette (#DCF2E9, #30A158, #007168, #5E3958, #000902)
- Ancient Drift color palette (#E4F1E2, #9F9E00, #1F8723, #714E1F, #111100)
- Moss Summit color palette (#E0E4D0, #8A9B00, #5B6F00, #374100, #010200)
- Linen Lantern color palette (#E9ECD5, #717500, #6C48C5, #7B1288, #020200)
- Olive Bloom color palette (#E9DEC7, #747C00, #2E5000, #4F1314, #060700)
- Aged Indigo color palette (#CEEEDF, #868300, #635ADA, #5A5800, #050020)
- Tempered Market color palette (#D4F2E9, #04C48C, #009195, #865067, #002021)
- Fern Loft color palette (#F7EFE1, #535F14, #013407, #2B001A, #010100)
Browse the whole catalog at Explore, or see today's palette.