Pine Grove color palette — #EDEFD9 · #478C4F · #004828 · #211B00 · #000200
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EDEFD9): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#478C4F): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004828): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#211B00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Olive color palette (#DDE3CD, #547800, #2E5200, #052200, #000200)
- Washed Thicket color palette (#F9EBD4, #8C7A00, #3F3E00, #301100, #020100)
- Weathered Canyon color palette (#E2E3CF, #53A25A, #005D34, #173300, #000200)
- Softworn Olive Terrace color palette (#E8E9D7, #3F7D00, #932C00, #163400, #040000)
- Washed Fern color palette (#FBF5E0, #96AC68, #3C6F00, #3D4000, #050900)
- Charred Forest color palette (#EEEBD8, #006F45, #003232, #2F001D, #000803)
- Muted Emerald Studio color palette (#E4E1C8, #25A157, #007262, #673938, #050700)
- Wandering Forest color palette (#DDE1D3, #7DD0B3, #00A79C, #18550C, #010100)
Browse the whole catalog at Explore, or see today's palette.