Pine Grove color palette — #ECF2D9 · #70BC7F · #D97831 · #00893A · #552600
Built around Fern, softened by Coral Clay — the whole palette hums with nature and growth.
The five colors
- Cream (#ECF2D9): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#70BC7F): A luminous, balanced green — the color of a quiet forest floor.
- Coral Clay (#D97831): A luminous, balanced gold — the color of old brass.
- Fern (#00893A): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#552600): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Airy Amber color palette (#E7F3E4, #56BBB0, #B88F17, #008379, #443200)
- Blush Studio color palette (#F6EED9, #B6AA55, #D86F8A, #807300, #552130)
- Antique Canyon color palette (#E2E8CE, #5BA96E, #0099B4, #977000, #0E3419)
- Chestnut Harbor color palette (#F1E6D7, #BDAD81, #977C47, #7C5000, #33302A)
- Muted Olive color palette (#F1F0DD, #93B567, #00A4D0, #588000, #003C4D)
- Linen Plum color palette (#EDF1DE, #57B46B, #A8387F, #006929, #52213F)
- Cypress Coast color palette (#E9F1E7, #A7BE8A, #00736D, #003F3B, #0E1A0C)
- Washed Seafoam Station color palette (#D3F7F5, #6BF1A4, #E191D8, #25945A, #492746)
Browse the whole catalog at Explore, or see today's palette.