Pine Garden color palette — #D6EBD8 · #9FAE4F · #2A864B · #68512B · #0E3026

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

The five colors

• Honeydew (#D6EBD8): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9FAE4F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#2A864B): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#68512B): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#0E3026): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Jade Boulevard color palette (#D7EAE1, #6FB977, #008475, #6F4565, #00302D)
• Weathered Moss color palette (#DBF4E6, #6CA360, #00715C, #4E4608, #00201D)
• Hushed Pine color palette (#FFF4DF, #B5C193, #4E8651, #644E00, #1D1800)
• Soft Moss color palette (#D4EBDF, #B5C280, #7D9E49, #7D781D, #003125)
• Quiet Market color palette (#FFE2EF, #CCA700, #61860C, #006963, #392C00)
• Gentle Clover Lagoon color palette (#E7EDE0, #00C149, #008A75, #005F5F, #002E3E)
• Faded Atelier color palette (#E9FBED, #A5CB59, #369C6C, #2E7387, #104439)
• Hushed Scarlet Dune color palette (#C9F3F7, #009D7E, #CF4048, #A14A4A, #002528)

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