Tempered Garden color palette — #F9F5E9 · #C1ECCD · #84AA7D · #8C732B · #393932
A conversation between Walnut and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E9): a clean, paper-quiet neutral.
- Mint (#C1ECCD): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#84AA7D): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#8C732B): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Charcoal (#393932): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Canyon color palette (#ECF9F2, #A7B789, #55804D, #3B6450, #324841)
- Tempered Driftwood Basin color palette (#F5F6EB, #B9E3DB, #86BBAB, #8A8B43, #3E4D00)
- Wandering Oat color palette (#F9F5E9, #BFDBA4, #68976E, #556B4C, #2B290E)
- Muted Moss color palette (#E7E2C8, #709D53, #005E2D, #2B2E00, #000200)
- Linen Dune color palette (#E7FCE5, #40D3CD, #C295E0, #B6884F, #1E311C)
- Jade Chapel color palette (#FBF6D9, #79B46F, #007247, #004643, #010B00)
- Tempered Coast color palette (#DEFFE5, #8CE8BD, #3EB79D, #007F77, #084950)
- Weathered Courtyard color palette (#FDF4E0, #B5C386, #53863D, #265D4B, #1D1800)
Browse the whole catalog at Explore, or see today's palette.