Pine Grove color palette — #DDE0D0 · #7E9E4A · #23791D · #004B28 · #002B1E
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Bone (#DDE0D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#7E9E4A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#23791D): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004B28): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Forest (#002B1E): 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
- Wandering Ridge color palette (#E9E1C7, #96A935, #188315, #00593E, #003F3A)
- Wandering Field color palette (#D7EDD6, #4DAA7E, #00775E, #004F49, #002526)
- Patina Balcony color palette (#E7EDDC, #498519, #005327, #002C1C, #000D0A)
- Timeworn Olive Lantern color palette (#ECE2D1, #A79340, #736D00, #3D4B00, #142800)
- Frosted Emerald color palette (#FFF4DD, #BFC66C, #499E45, #006645, #00342F)
- Olive Lagoon color palette (#EDF7D9, #BAE1D0, #79C4D1, #5D7D26, #1E2C11)
- Worn Orchid color palette (#E7ECD3, #5FA368, #AB60AC, #00621F, #310333)
- Patina Lagoon color palette (#E8F6D9, #80C2B6, #269998, #00666F, #103B28)
Browse the whole catalog at Explore, or see today's palette.