Hazy Pine color palette — #E4FBF3 · #8BAF7F · #247B4E · #4D5715 · #27431C
Built around Pine, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4FBF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8BAF7F): A luminous, dusty green — the color of fresh herbs.
- Pine (#247B4E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#4D5715): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#27431C): 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
- Muted Delta color palette (#E8FBEA, #B2A451, #647120, #245F34, #1A4430)
- Sunlit Dune color palette (#E1FCF7, #62B78C, #007B69, #704603, #014445)
- Ancient Forest Pier color palette (#D5EAE4, #699971, #00644A, #314517, #00302E)
- Hushed Grove color palette (#FBF5E4, #A2C795, #009D7E, #776A0D, #29421F)
- Timeworn Lagoon color palette (#EEF7F5, #A2CAC5, #5E8D76, #4D6B74, #3D524F)
- Wandering Jade Workshop color palette (#F9F6E3, #AFDE9F, #50BE80, #848F5A, #3B3B34)
- Weathered Atelier color palette (#DFEEE1, #857B3A, #404B00, #003917, #1F1B00)
- Chalky Teal Canyon color palette (#99F6CB, #00B7A1, #008480, #005C62, #004353)
Browse the whole catalog at Explore, or see today's palette.