Pine Grove color palette — #EFF5E2 · #7DB290 · #C16D9D · #007845 · #40152F
Built around Pine, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Cream (#EFF5E2): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7DB290): A luminous, dusty teal — the color of sea glass.
- Dusty Rose (#C16D9D): A luminous, balanced rose — the color of pressed rose petals.
- Pine (#007845): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#40152F): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, 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
- Pale Ridge color palette (#EBF5E9, #57B6AB, #CF6C67, #00756B, #481112)
- Chalky Chapel color palette (#F4F3DE, #8FB072, #967EC7, #477300, #2D1C49)
- Chalky Study color palette (#E7F9F9, #7BCBA1, #E389CB, #00905D, #59344F)
- Timeworn Plum Canyon color palette (#ECF6E2, #509F82, #B25D95, #A34571, #162304)
- Soft Cornflower Courtyard color palette (#F2F7EA, #62B389, #5089DE, #00794D, #533753)
- Plum Study color palette (#D3F3EB, #009C87, #CF005E, #00594D, #300010)
- Bronze Harbor color palette (#F9F1E4, #B7AB84, #8A713A, #684221, #262409)
- Worn Corridor color palette (#EAF5ED, #D9A592, #00606D, #002D34, #041008)
Browse the whole catalog at Explore, or see today's palette.