Pine Grove color palette — #D9E3D8 · #008746 · #005435 · #003322 · #00120D

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

The five colors

• Bone (#D9E3D8): bright and airy, almost weightless.
• Fern (#008746): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#005435): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#003322): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00120D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Patina Villa color palette (#E8EDDF, #007F50, #804800, #004227, #100500)
• Emerald Alley color palette (#D4EED1, #00A14D, #007146, #005239, #00271D)
• Washed Grove color palette (#EAEDDA, #657300, #374C00, #122700, #021000)
• Dusty Lagoon color palette (#D5F6EC, #009884, #005447, #001D18, #000201)
• Timeworn Pine color palette (#E8EED9, #7CBF9D, #008667, #005B4E, #00342F)
• Muted Forest color palette (#DBE7CF, #00684E, #005374, #433C00, #000503)
• Dusty Cerulean color palette (#D9E5D2, #5BC8C2, #0098A7, #00593B, #001311)
• Hushed Turquoise Corridor color palette (#D7F5FA, #00A7C6, #007797, #004E69, #002C43)

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