Pine Grove color palette — #D7F2EC · #73A072 · #00743D · #0E5140 · #022203
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D7F2EC): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#73A072): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00743D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#0E5140): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#022203): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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 (#F6F7E5, #6EB670, #00733F, #004738, #000B01)
- Weathered Delta color palette (#D1E8E7, #329774, #006151, #004140, #00140C)
- Timeworn Pine Pier color palette (#D5EAE7, #75B68C, #248463, #055F75, #00302F)
- Mustard Market color palette (#D8F3E3, #B1B236, #6F8200, #006B58, #303000)
- Softworn Lagoon Harbor color palette (#DDFDF6, #97CA96, #4F986A, #007686, #04443F)
- Hushed Ash color palette (#EDF8F3, #B2DCCE, #78A79C, #64848A, #3D524B)
- Muted Plum color palette (#E3E9F9, #6B60D5, #B61779, #006376, #100536)
- Hushed Lilac color palette (#D2DEFF, #C6BAF0, #BB8BD5, #4D62A5, #21193E)
Browse the whole catalog at Explore, or see today's palette.