Tempered Garden color palette — #FCF4E8 · #C1B896 · #9F7938 · #854E1F · #484C00

Coffee and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Stone (#C1B896): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#9F7938): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#854E1F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#484C00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Hushed Bronze Meadow color palette (#FBF4E9, #D5CAAE, #AC9A6D, #986A2F, #534800)
• Timeworn Terracotta Summit color palette (#FFEADE, #CA8E53, #9D503C, #703246, #423400)
• Dusty Pewter Workshop color palette (#ECF4EE, #A3C4B2, #6B8C74, #714B58, #173229)
• Muted Chestnut Bloom color palette (#E9DDD4, #A18253, #863E10, #5B2029, #2E2300)
• Chalky Moss color palette (#EADDBB, #729C4F, #655D00, #553300, #00321E)
• Weathered Stone color palette (#EFF8F0, #BAE5D3, #CAB383, #A98798, #354D4A)
• Ancient Grove color palette (#FDEDDC, #877613, #623C00, #4C0E00, #101A00)
• Dusty Meadow color palette (#FFF1F6, #9C82BF, #977955, #7B5727, #4C363E)

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