Hazy Pine color palette — #C7E7E7 · #A28600 · #008B3C · #00587B · #00110F
Built around Kelly Green, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Silver (#C7E7E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#A28600): A luminous, balanced green — the color of new leaves after rain.
- Kelly Green (#008B3C): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#00587B): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#00110F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.
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
- Amber Courtyard color palette (#DBEDE8, #CB7300, #647A00, #005460, #011301)
- Nightshade Ridge color palette (#CCF2FA, #797F00, #006E6C, #2800A7, #000607)
- Moss Boulevard color palette (#E4EED7, #67A200, #007E5C, #005963, #000201)
- Ancient Olive color palette (#EBE0C4, #6F7B36, #005249, #4E1800, #251B00)
- Lime Bloom color palette (#C7E8E8, #80BA00, #009C67, #007C88, #00100E)
- Linen Nightshade Lantern color palette (#DAF5FF, #55A63A, #007E88, #3C00D6, #001219)
- Tempered Field color palette (#DFEEE1, #008166, #004E53, #002A38, #0C1027)
- Antique Harbor color palette (#E7DDE6, #4E9DA5, #00506F, #00321A, #000F3A)
Browse the whole catalog at Explore, or see today's palette.