Pine Grove color palette — #E6F7ED · #91A980 · #00784B · #543B5E · #00221D

A conversation between Pine and Charcoal, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#91A980): A luminous, dusty green — the color of new leaves after rain.
• Pine (#00784B): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#543B5E): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#00221D): 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

• Jade Villa color palette (#E6FBF4, #83A86C, #436F43, #5D4151, #173D36)
• Lagoon Thicket color palette (#E6F6F1, #95BFA3, #158778, #5B4E6E, #0C2D2C)
• Washed Lagoon Hollow color palette (#D7F1E9, #629D77, #006357, #5A2724, #001616)
• Moss Station color palette (#D5ECD8, #9A9C00, #2F6C00, #622150, #171700)
• Worn Pine Dune color palette (#DFF4EB, #4A8A4A, #00503D, #3F173F, #000A09)
• Dusty Emerald color palette (#F8F6E5, #B9DCA6, #5A9C5C, #825843, #292912)
• Cobalt Terrace color palette (#F9EEF3, #ADCCE2, #3C7EC5, #005B5B, #141F39)
• Amber Pier color palette (#FAE2EA, #C57F3A, #008AA6, #7C4600, #002029)

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