Pine Garden color palette — #E9EBDD · #0C811C · #005A8A · #023606 · #000103
A conversation between Olive and Peacock, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9EBDD): bright and airy, almost weightless.
- Olive (#0C811C): A full-bodied, vivid green — the color of a quiet forest floor.
- Peacock (#005A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#023606): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Pine Garden 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
- Timeworn Orchard color palette (#F4EED5, #6C7100, #00606D, #2C2E00, #000102)
- Feathered Ultramarine Corridor color palette (#E2E8DA, #007E5B, #0044C7, #003424, #000107)
- Wandering Chestnut color palette (#D2EBCE, #007B76, #675200, #003330, #020100)
- Aubergine Garden color palette (#D5E6E3, #216C21, #4B0058, #022603, #030004)
- Emerald Terrace color palette (#C8E9D1, #009A57, #004825, #101B1E, #000803)
- Powdered Terracotta color palette (#E7E2BE, #5F7500, #A10017, #253000, #050000)
- Chalky Indigo Delta color palette (#DDF7D8, #00A89E, #7562DF, #005A54, #080023)
- Weathered Lantern color palette (#DDE6C9, #55D4B0, #00A9A3, #025511, #010100)
Browse the whole catalog at Explore, or see today's palette.