Tempered Garden color palette — #E8F6F0 · #AFBB77 · #A98AD9 · #6E7831 · #2D2E46

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

The five colors

• Ivory (#E8F6F0): bright and airy, almost weightless.
• Sage (#AFBB77): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#A98AD9): A luminous, balanced violet — the color of a velvet chair.
• Olive (#6E7831): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2D2E46): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Iris Terrace color palette (#FDEDF3, #DCA77A, #8298E2, #976538, #243149)
• Dusty Pine Villa color palette (#E3F6F7, #88C2A5, #CF80A0, #27845F, #392A42)
• Weathered Stone Pier color palette (#E5FBF2, #ABB969, #C68485, #6F7844, #5C435B)
• Stone Studio color palette (#F9F6E2, #B9CE89, #AEA9E3, #83955A, #604353)
• Dusty Iris color palette (#E1F8ED, #9FA15B, #8582D2, #966788, #182C24)
• Aged Parlor color palette (#E8F5F1, #C2D8EF, #C4BEC7, #74967B, #2D413E)
• Washed Driftwood color palette (#FCEDF5, #D6AEBC, #AA745C, #694D68, #223026)
• Worn Boulevard color palette (#EBF4F4, #E3BA9A, #137257, #0C383B, #091617)

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