Tempered Canyon color palette — #FFF2EB · #E3DAC4 · #D5A08C · #A86847 · #5E3300

Built around Ochre, softened by Cocoa — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E3DAC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D5A08C): A luminous, dusty orange — the color of autumn markets.
• Ochre (#A86847): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5E3300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, 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 Cocoa color palette (#FFF2EB, #F1D3B8, #D1AD9A, #A88A82, #614100)
• Wandering Bronze color palette (#FFF3E5, #CFAD6E, #A06900, #673A00, #1A1000)
• Aged Studio color palette (#FBF5E3, #E7DEB2, #A3A263, #756B3E, #33322B)
• Worn Cocoa Parlor color palette (#FFE8D8, #B37547, #7D3500, #400E00, #020100)
• Wandering Shell Coast color palette (#FFF2EF, #F5ACB7, #C1AD6D, #798A58, #3D2D29)
• Stone Villa color palette (#FAEEF5, #D4AFC0, #96788B, #664F64, #38262C)
• Chestnut Alley color palette (#F5E4C0, #A39D54, #715E00, #402F00, #040400)
• Washed Amber color palette (#FFF3E7, #FFC379, #CE7B0E, #8F4B13, #362400)

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