Pine Garden color palette — #EEF2DB · #007C47 · #00412E · #211F00 · #020300
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EEF2DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007C47): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#211F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Forest Loft color palette (#E4F4E4, #006F20, #753300, #00340A, #070100)
- Muted Lagoon color palette (#E7ECDC, #008E68, #005042, #00331A, #050A00)
- Antique Olive color palette (#F3E9D4, #6F6C00, #333B00, #251E00, #040300)
- Dusty Orchard color palette (#EDEDDA, #689D68, #006636, #2B401A, #121400)
- Softworn Bloom color palette (#CDF3E2, #00BDA6, #008386, #004F23, #040A00)
- Moss Drift color palette (#F0E3CD, #A89600, #5E6000, #4D3C00, #1A1600)
- Hushed Emerald color palette (#E3E3C6, #00A871, #005A54, #491A13, #000201)
- Tempered Clover Summit color palette (#F6F3DB, #88B862, #3D7C3A, #45531E, #232200)
Browse the whole catalog at Explore, or see today's palette.