Pine Garden color palette — #F9F0E7 · #C0B38B · #4D8546 · #764A05 · #2C2716

A conversation between Fern and Bronze, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Sand (#C0B38B): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4D8546): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#764A05): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2C2716): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Lagoon Parlor color palette (#F4F2E7, #AEB992, #17867F, #6D4A4B, #252A17)
• Chestnut Quarry color palette (#FBF4E9, #B2B572, #687B50, #745302, #504100)
• Dusty Olive Coast color palette (#FAF0E5, #A9A364, #457234, #0A5153, #231B03)
• Softworn Jade color palette (#F4F3E4, #55BF92, #007A7D, #42531F, #002819)
• Softworn Driftwood Orchard color palette (#EDF9EC, #C7C894, #749B73, #667764, #32483E)
• Hazy Raspberry Atelier color palette (#F2F5DB, #689E5E, #CA4E6C, #9B553D, #1F2004)
• Softworn Lagoon color palette (#DCE6B8, #81B976, #00916C, #00625D, #113320)
• Obsidian Olive color palette (#EADFCF, #607100, #004220, #2A1B00, #040300)

Browse the whole catalog at Explore, or see today's palette.