Pine Garden color palette — #DBE1CD · #007642 · #665000 · #2E3E00 · #00220F
A conversation between Pine and Bronze, giving this palette its sense of nature and growth.
The five colors
- Bone (#DBE1CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007642): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#665000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2E3E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#00220F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Worn Mulberry color palette (#D7E2CE, #007459, #930069, #443600, #121F03)
- Frosted Terracotta color palette (#CBE6D1, #006F7C, #8F2D00, #00432C, #062110)
- Weathered Olive Veranda color palette (#EDFAE8, #009587, #717800, #006343, #2B3728)
- Chestnut Study color palette (#DBF6E9, #007CA1, #895300, #623A00, #132C22)
- Washed Plum color palette (#BFEAD4, #008DB4, #B74655, #714900, #002114)
- Gentle Mulberry Lantern color palette (#D1EDFF, #006F8E, #93273E, #4A3000, #000911)
- Timeworn Lapis Hollow color palette (#F7DAF2, #2D49F8, #844600, #004838, #0E1A48)
- Indigo Lantern color palette (#FFF0FA, #5C60EB, #007864, #005748, #3D2035)
Browse the whole catalog at Explore, or see today's palette.