Pine Grove color palette — #F8F1E3 · #97A77E · #397349 · #514615 · #201D01

A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#97A77E): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#397349): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#514615): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#201D01): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Fern Station color palette (#F9F5E5, #A19D74, #4C6E37, #4B4F1C, #36362F)
• Aged Garden color palette (#F4F2E8, #99BF9C, #4B8171, #625500, #262916)
• Pine Coast color palette (#FDF1D6, #97B369, #267E47, #00585A, #192500)
• Worn Forest color palette (#E9E3CF, #759A65, #036545, #004149, #051700)
• Patina Emerald color palette (#E6FBF2, #C5D9A5, #70975B, #3F6E5D, #0B2F27)
• Sunlit Rust color palette (#E0EED8, #35A690, #C0554F, #006454, #370909)
• Weathered Olive Study color palette (#EBE5D2, #5A8742, #005135, #2E2B00, #020B00)
• Muted Teal color palette (#C1FBFF, #3DB8B7, #007479, #003B3E, #001214)

Browse the whole catalog at Explore, or see today's palette.