Pine Grove color palette — #F1F4E3 · #98BF9B · #AE8EBF · #44824D · #452730

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

The five colors

• Cream (#F1F4E3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#98BF9B): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#AE8EBF): A luminous, dusty violet — the color of a velvet chair.
• Fern (#44824D): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#452730): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, 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

• Washed Olive Dune color palette (#F5F7EA, #97BC91, #B387B6, #3F8534, #664148)
• Timeworn Quarry color palette (#F6F1E6, #BEB57F, #879CCA, #807221, #3F283C)
• Weathered Bloom color palette (#EBF5EB, #74C3C3, #C48899, #008283, #4A2520)
• Ancient Emerald color palette (#E6FAF7, #AAD1A4, #CD9ED6, #629E58, #5C4261)
• Muted Jade Terrace color palette (#F2F4DE, #7CAB70, #B079A0, #946887, #282912)
• Patina Driftwood color palette (#F3F4DF, #C1EADA, #A3CDD0, #998662, #3B4334)
• Washed Stone color palette (#EAF5EC, #E8B4B3, #486B50, #213727, #0C170F)
• Plum Workshop color palette (#E9F8DC, #2CC29A, #AB4899, #006B53, #3C0034)

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