Pine Garden color palette — #F9F6E2 · #7FB371 · #047E4B · #70442C · #3B3B34
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7FB371): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#047E4B): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#70442C): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, 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
- Cypress Drift color palette (#F6F2DF, #82B880, #067E61, #6F3940, #052906)
- Mustard Veranda color palette (#FFF3E4, #B4A53C, #627200, #55504A, #423B0F)
- Patina Emerald color palette (#E6E6D4, #4BA161, #00644B, #423C37, #272C0D)
- Softworn Lagoon color palette (#E1FDF2, #92CC94, #309A7E, #975158, #0A443F)
- Frosted Aqua color palette (#E2FFD9, #85FAF1, #24D5D1, #7A7E27, #4A4B44)
- Patina Field color palette (#F8F7DB, #7DB826, #8B4AC2, #436900, #462D5D)
- Moss Villa color palette (#EDE8D0, #A1A600, #657E00, #1E5E00, #144A1E)
- Washed Corridor color palette (#F6F6ED, #A9CCAA, #728B4A, #6F681B, #4B5301)
Browse the whole catalog at Explore, or see today's palette.