Hazy Pine color palette — #FFEFDB · #A0B251 · #148044 · #603E5E · #272000
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
- Sage (#A0B251): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#148044): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#603E5E): A full-bodied, dusty pink — the color of peonies in June.
- Onyx (#272000): A deep, shadowed, dusty green — the color of fresh herbs.
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 Olive color palette (#FBF0E5, #BBB585, #5D814E, #644D59, #2D2714)
- Misty Moss color palette (#F4E2CA, #8EA000, #006E34, #463166, #141800)
- Faded Jade color palette (#FBF2D6, #7ABA77, #007D6A, #1A5171, #202305)
- Ancient Atelier color palette (#E6FBED, #AFC583, #4B9A5E, #6E5F92, #0F4438)
- Patina Field color palette (#FFEDED, #FA67CF, #009B36, #86176B, #002908)
- Celadon Corridor color palette (#E6FBF2, #B4EC8B, #47A965, #516D8E, #213511)
- Pine Drift color palette (#E5E2D4, #3E8B57, #004F49, #421B28, #060900)
- Dusty Peony Hollow color palette (#FFD7F0, #D62EAD, #008B5E, #006B6A, #2D0522)
Browse the whole catalog at Explore, or see today's palette.