Pine Grove color palette — #F4F6F0 · #D0DDD7 · #A9C5AC · #007E52 · #364700
A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#D0DDD7): bright and airy, almost weightless.
- Stone (#A9C5AC): A luminous, dusty green — the color of fresh herbs.
- Teal (#007E52): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#364700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Petrol Terrace color palette (#F1F7F2, #C9DFDF, #A7C3BB, #007885, #324537)
- Pine Boulevard color palette (#F1F3EA, #C5DED6, #A7C8B8, #187F43, #232718)
- Hushed Forest color palette (#ECF0EA, #C6CFC5, #8EA895, #00644E, #293123)
- Aged Emerald Pier color palette (#EEF7F6, #CDDEEC, #B2C3E9, #489A5D, #304443)
- Dusty Cerulean Veranda color palette (#F0F7F4, #DED4D3, #A8A096, #5389AA, #4A5651)
- Nocturne Cypress Studio color palette (#D9ECD5, #007972, #00313A, #071E04, #010C05)
- Frosted Seafoam color palette (#EBFBE5, #8AF2A5, #00C8AC, #0085A3, #003A39)
- Misty Ultramarine color palette (#EDFAE5, #009378, #2C4EB9, #77003F, #3C2E00)
Browse the whole catalog at Explore, or see today's palette.