Pine Garden color palette — #F3F4DE · #7AAF7E · #25764C · #4B4540 · #1B1E09
Pine and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3F4DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7AAF7E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#25764C): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#4B4540): quiet, heavy and certain.
- Onyx (#1B1E09): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Lagoon Loft color palette (#E1E5D3, #4EA079, #00644E, #3A3C0A, #0E1500)
- Wandering Lagoon color palette (#EEE4C9, #8FA000, #496700, #593400, #151800)
- Tempered Study color palette (#F0F4E8, #85C2AB, #368475, #724D00, #222B19)
- Cypress Summit color palette (#E5FBF4, #6FA7A1, #317156, #643C52, #1A3C39)
- Washed Lagoon Veranda color palette (#F8F5E8, #ADE0AC, #309F80, #7B595D, #272A16)
- Sand Drift color palette (#FFEFD9, #E5D398, #B7B984, #846440, #322710)
- Feathered Marigold Dune color palette (#FFF0D4, #D49903, #886300, #442E00, #160C00)
- Wandering Pine Boulevard color palette (#F4E8D6, #9E7400, #008538, #8E3E45, #1D1100)
Browse the whole catalog at Explore, or see today's palette.