Pine Grove color palette — #EAF5EA · #95BEAC · #4C844F · #465C45 · #172C24

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

The five colors

• Cream (#EAF5EA): bright and airy, almost weightless.
• Sage (#95BEAC): A luminous, dusty teal — the color of sea glass.
• Fern (#4C844F): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#465C45): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#172C24): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Lagoon Lantern color palette (#ECF4F0, #A7CCC7, #499283, #4D695B, #213533)
• Wandering Mint Ridge color palette (#CBEADE, #7DBF81, #00886B, #005C59, #063140)
• Timeworn Station color palette (#EDF9F1, #AFB57E, #627D48, #476150, #34473F)
• Fern Quarry color palette (#DCF9F1, #6ABA9C, #007A80, #3A5610, #00281B)
• Tempered Pine color palette (#FCEDF2, #A6A36E, #367625, #045155, #062217)
• Washed Petrol color palette (#E8F5F2, #88C1B0, #218390, #634A6A, #0C2D30)
• Worn Peony Courtyard color palette (#E0F7F9, #4EBA98, #D1648B, #00765B, #411726)
• Azure Drift color palette (#F7EFF3, #BFE2F8, #598FD6, #196D5F, #232B44)

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