Pine Garden color palette — #E3FCF1 · #8CB06F · #007F38 · #6B3E65 · #2E411D

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

The five colors

• Ivory (#E3FCF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8CB06F): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007F38): A full-bodied, balanced green — the color of new leaves after rain.
• Mulberry (#6B3E65): A full-bodied, balanced pink — the color of neon signs at night.
• Forest (#2E411D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, 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

• Aged Terrace color palette (#ECF8F5, #77A886, #00745C, #683A4D, #1D3B3A)
• Olive Villa color palette (#E8FBEA, #B3A44D, #647200, #5A4280, #1C4430)
• Softworn Forest Summit color palette (#D8F2E6, #78A136, #006E20, #772100, #223500)
• Softworn Emerald Villa color palette (#FFF4DF, #A3C97A, #009E70, #865B67, #3B3B34)
• Lagoon Parlor color palette (#EEF8F4, #A4CAC3, #5D8E70, #775D6B, #3C524F)
• Dusty Terrace color palette (#CFE6E3, #368C6B, #005048, #4C1B29, #002021)
• Hazy Grape color palette (#FFE6D2, #BA6700, #008574, #723DB5, #472709)
• Pale Lime color palette (#FFF1F7, #FFDB9E, #B4C756, #B2553D, #5B401D)

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