Pine Grove color palette — #D8E7D1 · #008546 · #005B46 · #002E41 · #141130
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D8E7D1): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008546): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005B46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#141130): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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
- Muted Olive color palette (#EAE8D7, #6C8100, #275A0E, #003235, #08182B)
- Hushed Lagoon Boulevard color palette (#D0F7E8, #008E85, #00555C, #1E2B4D, #1B0E40)
- Muted Onyx color palette (#E4E9CE, #4C7A47, #005547, #2C1850, #170014)
- Pine Loft color palette (#E2ECE1, #007B2D, #004726, #002819, #001112)
- Tempered Forest Bloom color palette (#D8EEE2, #00714D, #6E3E00, #003623, #1B0B00)
- Misty Emerald color palette (#E2E6CC, #5F995A, #2D7163, #3F2E6A, #2F0B2E)
- Abyss Garden color palette (#D4F6E9, #005B46, #004665, #363100, #000A06)
- Cerulean Parlor color palette (#D5EBE9, #009FC1, #00516B, #002F34, #001624)
Browse the whole catalog at Explore, or see today's palette.