Pine Grove color palette — #EFF4E4 · #008E4D · #70397E · #61212B · #411600

A conversation between Fern and Plum, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF4E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008E4D): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#70397E): A full-bodied, balanced pink — the color of a candy shop window.
• Oxblood (#61212B): A deep, shadowed, balanced red — the color of embers at dusk.
• Espresso (#411600): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Mulberry Veranda color palette (#EAF6E5, #008A79, #882C5B, #5D2A00, #322300)
• Nightshade Chapel color palette (#F8F2DF, #7F7B00, #374BA0, #641A3A, #47110C)
• Patina Lagoon color palette (#DDF2F4, #009176, #005E7A, #442F00, #081900)
• Misty Garnet Villa color palette (#E0F2D7, #006758, #680035, #410014, #260500)
• Teal Drift color palette (#F9F6E1, #64AD88, #007171, #4C4B44, #343630)
• Sunlit Teal color palette (#E9F7E3, #00AD97, #007CA7, #49448D, #113500)
• Teal Hollow color palette (#EDF9EE, #00ADB4, #9C5A65, #674F27, #3E3E37)
• Quiet Terrace color palette (#E5F5F9, #41C9C1, #B179C8, #9150A9, #372900)

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