Hazy Pine color palette — #E2FEE8 · #CBCD9A · #95B06A · #508A4C · #1F5A5B
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E2FEE8): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#CBCD9A): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#95B06A): A luminous, balanced green — the color of new leaves after rain.
- Fern (#508A4C): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#1F5A5B): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Celadon Pier color palette (#FFF4E1, #EEF6A6, #AAC47F, #698C69, #4A4E47)
- Muted Summit color palette (#D9FFF7, #A5D4B6, #59B69C, #00837E, #275164)
- Washed Veranda color palette (#E2E7D9, #5CAC5F, #008852, #005F54, #003437)
- Muted Bronze color palette (#FFF0F9, #EFC09D, #C1985B, #8D7A26, #2E5748)
- Emerald Atelier color palette (#EBF8F6, #ADCFA9, #BAA3E6, #5E9F56, #52456C)
- Emerald Lantern color palette (#F2F2DA, #90BE47, #00AA37, #007960, #004744)
- Taupe Basin color palette (#E9F9F6, #CBE3F1, #BFB9DC, #ADA46F, #345150)
- Hushed Study color palette (#E4FBF8, #95BD98, #B497CA, #BC7687, #254A47)
Browse the whole catalog at Explore, or see today's palette.