Tempered Canyon color palette — #FFF2EB · #BFA181 · #9F5F4A · #73404C · #403D36

A conversation between Walnut and Coffee, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#BFA181): A luminous, dusty gold — the color of old brass.
• Walnut (#9F5F4A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#73404C): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Warmth, Comfort, 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

• Washed Loft color palette (#F9E3D5, #B48F5F, #9B481C, #65323A, #33302A)
• Timeworn Bronze Summit color palette (#FBF4E8, #B0A883, #896F2C, #6F472D, #3C4100)
• Patina Delta color palette (#FFF2EB, #E6B18C, #BB7E68, #895B58, #563500)
• Dusty Driftwood color palette (#FFF0F9, #EDC3D3, #D19F8E, #AD777C, #2F4333)
• Tempered Bronze Atelier color palette (#FFE5D0, #947011, #6A3500, #50050E, #1C1600)
• Pale Rust color palette (#EAFBEA, #009496, #B34C35, #405D22, #273828)
• Tempered Moss Alley color palette (#F5EDD8, #6E9552, #5E5800, #4E2F00, #1F280E)
• Plum Orchard color palette (#EFF8F2, #65BDD3, #9E4A92, #006B7F, #321D20)

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