Pine Garden color palette — #EFF8F0 · #90BAAD · #418360 · #6B5725 · #2E4941

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sage (#90BAAD): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#418360): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6B5725): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#2E4941): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Petrol Market color palette (#E9F9F6, #90B8BD, #3A7F8A, #784A55, #21494E)
• Tempered Pewter Bloom color palette (#FCF2F7, #98B9A0, #6D7A4C, #2A655C, #2E4A36)
• Antique Pine color palette (#F6F2E4, #B9B58F, #4E8548, #685200, #2A2814)
• Aged Lagoon Meadow color palette (#C3F4E6, #77B388, #008D75, #00676D, #23476B)
• Weathered Oat color palette (#FDF4E5, #CADFA2, #84BB9A, #9D8E75, #4B4300)
• Wandering Driftwood Cabin color palette (#E3FAFF, #D4DAEC, #C2BAE7, #6B9058, #355662)
• Ancient Jade Corridor color palette (#DCF1E7, #6AA16F, #00695D, #474600, #02390F)
• Hushed Bloom color palette (#E6F9FF, #63AEAF, #BA6D90, #007476, #612F46)

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