Hazy Pine color palette — #E2EED4 · #66AF3F · #168B1A · #006432 · #00492B
Built around Olive Leaf, softened by Clover — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E2EED4): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#66AF3F): A luminous, vivid green — the color of new leaves after rain.
- Olive Leaf (#168B1A): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#006432): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00492B): A deep, shadowed, balanced teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Jade Boulevard color palette (#D6E3D7, #24B466, #00835B, #00634A, #004B3F)
- Weathered Emerald color palette (#EDEDC9, #A0C33D, #00A136, #00774C, #004E43)
- Mustard Veranda color palette (#F0EBCE, #B2AD00, #6D7200, #495800, #00462A)
- Dusty Ridge color palette (#D7FFFA, #42AD57, #C65B00, #007026, #5F2800)
- Airy Pine color palette (#DBFFEC, #9CF4FF, #6ACECD, #408959, #145142)
- Timeworn Lagoon color palette (#D8EBE2, #008F70, #005C4D, #003A35, #00212A)
- Emerald Meadow color palette (#BFF8F7, #009762, #007EA0, #735E00, #003B23)
- Wandering Teal color palette (#93F7DF, #00B3A6, #007D7B, #005B60, #143E57)
Browse the whole catalog at Explore, or see today's palette.