Pine Garden color palette — #FDE187 · #8EB137 · #00862B · #005143 · #002126
Built around Olive Leaf, softened by Lime — the whole palette hums with nature and growth.
The five colors
- Butter (#FDE187): A whisper-light, balanced green — the color of fresh herbs.
- Lime (#8EB137): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#00862B): A full-bodied, vivid green — the color of new leaves after rain.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002126): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, 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
- Patina Clover color palette (#DFEF8D, #64B952, #008569, #004D4F, #00222F)
- Muted Field color palette (#F2E3D5, #C79A00, #6C7600, #064C0A, #00251E)
- Weathered Lime color palette (#FFE793, #A1C300, #00A948, #006F60, #003D46)
- Pale Villa color palette (#ECEAC8, #599D2F, #00673E, #003837, #001116)
- Muted Jade color palette (#E3FFD4, #7FEB82, #00B763, #006A48, #003328)
- Wandering Coast color palette (#FFEEE2, #8F9B00, #00725C, #6A0C5A, #0B2201)
- Wandering Lagoon Veranda color palette (#D4F5CD, #71C5A2, #008F8C, #005268, #002542)
- Washed Pine color palette (#E6F5DC, #008858, #00574C, #00292E, #00060E)
Browse the whole catalog at Explore, or see today's palette.