Pine Garden color palette — #DCE1D0 · #007D40 · #114050 · #003417 · #000200
A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Bone (#DCE1D0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#007D40): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#114050): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#003417): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Smoked Cypress color palette (#DAEDE6, #00796E, #004140, #001D20, #000202)
- Onyx Villa color palette (#DAECCC, #006455, #003639, #090049, #000202)
- Olive Hollow color palette (#E3DFD1, #716B00, #00421D, #2E2B00, #010100)
- Tempered Abyss Studio color palette (#DFE6D8, #9BA396, #6E836A, #00412D, #030500)
- Hushed Villa color palette (#D2E8E6, #319A57, #00605B, #005427, #000202)
- Aged Nightshade color palette (#DAE8E2, #0083B1, #3620AB, #003C53, #040002)
- Tempered Denim Market color palette (#DDE8E0, #009FB3, #00569C, #00505B, #060007)
- Weathered Teal Canyon color palette (#EAF5EA, #00BFC0, #00759D, #006969, #000D07)
Browse the whole catalog at Explore, or see today's palette.