Pine Grove color palette — #D0ECE3 · #8EB17D · #428347 · #64532B · #00312A

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

The five colors

• Honeydew (#D0ECE3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8EB17D): A luminous, balanced green — the color of new leaves after rain.
• Fern (#428347): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#64532B): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#00312A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Olive Archive color palette (#DAE9DE, #B0A667, #757726, #665319, #2F2900)
• Dusty Lagoon color palette (#E5FBF6, #8BC0BA, #519067, #6F6336, #123D39)
• Tempered Jade color palette (#C5EBE6, #56A676, #007253, #4B4702, #002210)
• Weathered Archive color palette (#F9F6DF, #A3C791, #2B8C36, #664D09, #1A1A00)
• Softworn Moss color palette (#E6E6C2, #90A100, #658200, #3B5A00, #143B00)
• Washed Garnet Boulevard color palette (#D5EAE2, #709774, #006451, #6D1C27, #093213)
• Washed Pine Bloom color palette (#BCF3BE, #76BB73, #1A8928, #0B5109, #021D01)
• Worn Moss Bloom color palette (#D3EBE6, #549B28, #008B93, #915B00, #0D2600)

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