Tempered Garden color palette — #FBF5E5 · #E8DDB3 · #A6A069 · #786A3C · #33322B
Moss and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Wheat (#E8DDB3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#A6A069): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#786A3C): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#33322B): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Amber Loft color palette (#FFF4E1, #E3D085, #AF8D34, #7F5700, #2D2900)
- Aged Balcony color palette (#E6F7ED, #A5B283, #817636, #614621, #082825)
- Washed Thicket color palette (#FBF5E5, #D6D2B2, #B7AE76, #A58150, #3D4100)
- Airy Courtyard color palette (#F5F7E7, #88C57B, #D2877E, #A06133, #25270D)
- Antique Straw Atelier color palette (#F5F7E7, #EEE9AA, #608152, #383932, #101102)
- Chestnut Courtyard color palette (#FFDEC6, #CD884F, #964500, #561C03, #080300)
- Tempered Moss Grove color palette (#FAF5E3, #A6AB4A, #B45E84, #8B473B, #221401)
- Softworn Bronze color palette (#F8ECDC, #8A6E2F, #523500, #1E0E00, #020100)
Browse the whole catalog at Explore, or see today's palette.