Pine Garden color palette — #DDE5CF · #00784A · #002C2B · #090F00 · #020200
Built around Pine, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DDE5CF): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00784A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#002C2B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#090F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Softworn Hollow color palette (#DDE6D9, #008877, #143926, #0F190A, #060703)
- Olive Study color palette (#F0EAD4, #686900, #242802, #110C00, #040200)
- Plum Loft color palette (#DBE8D8, #008F86, #B93368, #8B4600, #081905)
- Shadow Villa color palette (#D1EDE2, #0074A2, #1A2357, #00150D, #000501)
- Pine Courtyard color palette (#F6F2E6, #90A980, #00784B, #574400, #1E1D01)
- Timeworn Jade color palette (#D6E6D8, #24AC81, #00756D, #004A50, #00212E)
- Forest Quarry color palette (#F9F0EA, #B5D0B2, #008B9F, #075F33, #002435)
- Dusty Alley color palette (#F1EBD0, #9CA889, #258593, #6B4437, #371F0E)
Browse the whole catalog at Explore, or see today's palette.