Hushed Pine Garden color palette — #EFF8EE · #96B9A8 · #548050 · #5F5275 · #2D493D

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

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sage (#96B9A8): A luminous, dusty teal — the color of glacier melt.
• Fern (#548050): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#5F5275): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2D493D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hushed 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

• Weathered Summit color palette (#F4F2E9, #B7B68D, #50835A, #644B67, #292815)
• Cypress Villa color palette (#EDF9F0, #8FA37B, #1D7354, #563E6E, #073F35)
• Worn Jade Orchard color palette (#EDF8F3, #B4CE9F, #64A06F, #5C748E, #2D4942)
• Ancient Mulberry Courtyard color palette (#F5F3FF, #B98EBE, #3B9E75, #8B4395, #124E36)
• Cypress Grove color palette (#FAF2F8, #C0E3F1, #5692B6, #19734F, #344867)
• Tempered Aubergine color palette (#D7EBE0, #60855D, #005144, #441157, #022202)
• Cobalt Ridge color palette (#F5F3FF, #ECD7DF, #E0B789, #7371B2, #5A4B5F)
• Tempered Garnet color palette (#DEF1E3, #7B9F4F, #006B4A, #771543, #203500)

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