Tempered Canyon color palette — #FBEFEA · #C88884 · #7F491A · #5E2306 · #291F1D

Espresso and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FBEFEA): bright and airy, almost weightless.
• Dusty Rose (#C88884): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#7F491A): A full-bodied, balanced gold — the color of old brass.
• Espresso (#5E2306): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#291F1D): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged noir, dark, luxury, 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

• Muted Hollow color palette (#FEEDEE, #BD88AF, #6A514D, #443334, #271F21)
• Patina Veranda color palette (#F8F1E9, #BF9258, #6F5300, #3C3731, #27201A)
• Worn Rust color palette (#FCEEEA, #B06364, #573300, #322521, #191411)
• Coral Field color palette (#FFF0FD, #F18F89, #614E58, #312730, #120E13)
• Blush Canyon color palette (#F9EEF7, #FE9492, #8C747B, #5A5159, #232026)
• Hushed Coast color palette (#FFF3E7, #CFA984, #64B5AC, #A47FCB, #47413C)
• Aged Apricot color palette (#FFF2EC, #F6BEAE, #D59266, #A06831, #55504A)
• Chestnut Market color palette (#EDDBC3, #7F5800, #364443, #292500, #0F0800)

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