Pine Grove color palette — #F8F0E8 · #BFB38D · #558251 · #3F5E45 · #2D2713
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F0E8): bright and airy, almost weightless.
- Stone (#BFB38D): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#558251): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#3F5E45): A full-bodied, dusty green — the color of a quiet forest floor.
- Onyx (#2D2713): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Chestnut Dune color palette (#F5F2E9, #9ABF99, #288675, #685200, #272916)
- Tempered Olive Pier color palette (#FDEFE6, #C8AF8D, #757A3B, #6F4756, #302516)
- Aged Alley color palette (#F8F0E7, #A0A667, #267736, #5F3A40, #221C04)
- Hushed Cerulean Basin color palette (#F8F0EE, #C9E6C5, #3A9BB5, #3E6B3C, #13332B)
- Weathered Stone Ridge color palette (#EFF8EF, #C4CA8B, #759A78, #5A7782, #2F493F)
- Olive Lantern color palette (#E9E0D2, #6C823E, #005131, #411836, #050900)
- Ancient Bloom color palette (#EFE4CE, #72A73C, #006C4E, #00455A, #0C1B00)
- Nocturne Boulevard color palette (#F0EBD6, #25673F, #00312E, #00152A, #000200)
Browse the whole catalog at Explore, or see today's palette.