Pine Grove color palette — #D7EAAC · #8AAE6E · #3A7635 · #00512A · #003636
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D7EAAC): A whisper-light, balanced green — the color of new leaves after rain.
- Sage (#8AAE6E): A luminous, balanced green — the color of fresh herbs.
- Olive (#3A7635): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#00512A): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Forest (#003636): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Frosted Alley color palette (#D9FFD4, #80B791, #2C8663, #005E4D, #00424E)
- Moss Harbor color palette (#D8E6AC, #A8D083, #5AB347, #15904B, #003E2A)
- Emerald Bloom color palette (#FADBA7, #B5B870, #58963D, #006B4C, #003C38)
- Ancient Olive color palette (#FADB8D, #AC9A47, #6B6C00, #404C00, #223900)
- Washed Teal color palette (#CDE5D9, #00A98E, #006A62, #004748, #003034)
- Dusty Villa color palette (#DDEAD2, #4D943D, #005725, #002D1D, #001619)
- Fern Boulevard color palette (#EFF7F4, #D0DCDD, #A0BAB4, #656832, #2D3F38)
- Dusty Pine Basin color palette (#DDF8F7, #128E4C, #006063, #003E64, #362A00)
Browse the whole catalog at Explore, or see today's palette.