Pine Garden color palette — #F7F0EA · #DEA672 · #0C8B57 · #915300 · #0C1003

Fern takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F0EA): bright and airy, almost weightless.
• Camel (#DEA672): A luminous, balanced gold — the color of honey in a jar.
• Fern (#0C8B57): A full-bodied, balanced teal — the color of glacier melt.
• Ochre (#915300): A full-bodied, balanced gold — the color of old brass.
• Ink (#0C1003): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Wandering Chestnut color palette (#F5F1EB, #CAB163, #00858F, #796200, #061109)
• Olive Coast color palette (#F9EFEB, #EE9A89, #707E00, #A04333, #110E02)
• Soft Marigold Station color palette (#FFF1F6, #FFB166, #15A691, #A87340, #14282B)
• Olive Grove color palette (#FFEFDF, #C4B05E, #638B1C, #005C31, #00271F)
• Dusty Amber Quarry color palette (#F8ECD8, #BC8C00, #006969, #624700, #000405)
• Patina Pine color palette (#FFEFDE, #B39A4A, #307D45, #523A66, #292208)
• Hushed Bronze Studio color palette (#F5F1EB, #D4D9D1, #B2C2B4, #847441, #312B21)
• Patina Bronze color palette (#FDEFE3, #AA682D, #006F7D, #612F60, #1D1004)

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