Tempered Canyon color palette — #FFF4DF · #BEB477 · #8E7314 · #5C4101 · #181200

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#BEB477): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#8E7314): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#5C4101): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#181200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Worn Parlor color palette (#FFF2EA, #DFA37F, #A86141, #6C3427, #200D00)
• Driftwood Market color palette (#FEF5DB, #D4C79B, #928C54, #655729, #272205)
• Midnight Olive color palette (#EBE2CD, #787637, #463C00, #191100, #010100)
• Weathered Moss Lagoon color palette (#D7F1DD, #8A8C39, #6A5100, #4A2700, #00120E)
• Tempered Bronze Bloom color palette (#EEE6D8, #B3B67E, #A88B38, #9A5902, #172A03)
• Washed Bronze color palette (#F9E8D8, #AB7B35, #6F4100, #371800, #020100)
• Feathered Field color palette (#E5FDE3, #009E9B, #9A6D00, #4F5200, #000B00)
• Aged Corridor color palette (#FDDECB, #CC875D, #9B3F0F, #5F0E00, #090200)

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