Pine Grove color palette — #E4E8DA · #7CA26D · #398456 · #0C5D6E · #002032
Built around Fern, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Parchment (#E4E8DA): bright and airy, almost weightless.
- Moss (#7CA26D): A luminous, balanced green — the color of new leaves after rain.
- Fern (#398456): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#0C5D6E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002032): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Softworn Meadow color palette (#F7EFE1, #A08E3E, #747E2C, #006354, #002223)
- Timeworn Pier color palette (#CFEDD3, #419375, #2F7269, #194B79, #050C3F)
- Timeworn Cerulean Harbor color palette (#D8EBE7, #7DBDBE, #0094A0, #006E63, #00171D)
- Hushed Meadow color palette (#DFE4D3, #477F3E, #00502E, #00242E, #000710)
- Feathered Courtyard color palette (#D4F1EB, #68AA6B, #20844F, #655500, #001502)
- Wandering Field color palette (#F8EADC, #8D8B39, #006F4F, #552D51, #3B0135)
- Hushed Aubergine color palette (#FFE3D4, #A19263, #406E3E, #401B60, #1F000B)
- Frosted Meadow color palette (#DEE5C9, #6F9800, #487B00, #0C560A, #001A05)
Browse the whole catalog at Explore, or see today's palette.