Pine Grove color palette — #D8EBE9 · #3F8B49 · #004F4B · #004311 · #000201
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Frost (#D8EBE9): A whisper-light, dusty teal — the color of sea glass.
- Fern (#3F8B49): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004F4B): A deep, shadowed, dusty teal — the color of sea glass.
- Forest (#004311): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Pine Grove 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
- Softworn Lagoon color palette (#D2EBE1, #008977, #004E4C, #002628, #000507)
- Navy Veranda color palette (#D6EFEA, #007566, #004449, #120063, #000706)
- Bronze Garden color palette (#DFEEE5, #8B7800, #235000, #403600, #000200)
- Hushed Teal Canyon color palette (#DCF2F6, #00AD93, #006777, #00594B, #000406)
- Abyss Balcony color palette (#E4ECEC, #A4B8B9, #6D959C, #005132, #000E0E)
- Patina Market color palette (#DEE2D1, #00B049, #006F6D, #006427, #000500)
- Ancient Moss Alley color palette (#E6FBF4, #93AF47, #00659B, #435600, #000103)
- Feathered Ultramarine color palette (#DBE7EE, #009CC2, #104EAE, #004F63, #000209)
Browse the whole catalog at Explore, or see today's palette.