Tempered Bronze color palette — #ECF9F0 · #AFA978 · #84712A · #654E19 · #284438

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Sage (#AFA978): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#84712A): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#654E19): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#284438): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Washed Taupe Workshop color palette (#E1F9E8, #ABB177, #837447, #634527, #0A2824)
• Dusty Basalt color palette (#FFF4E0, #BDC489, #A18E57, #826141, #414000)
• Patina Taupe color palette (#EBFAEF, #ADDDCC, #BFAB74, #A97D5F, #214441)
• Muted Driftwood color palette (#FFF1F7, #CFADB9, #9E775B, #745165, #3F4C3E)
• Washed Alley color palette (#EAF8FC, #9FB888, #005D5F, #003637, #131D26)
• Washed Terracotta color palette (#FFD3BF, #CA7536, #953C00, #6E1900, #3F2000)
• Worn Olive Archive color palette (#E1F4EA, #676E00, #3E3A00, #231B00, #090D00)
• Timeworn Archive color palette (#F4D6E7, #AC5E2D, #762900, #4F0800, #251000)

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