Tempered Cocoa Canyon color palette — #FFF2EB · #EFD4B8 · #D4AC96 · #AB8982 · #5C4300

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EFD4B8): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D4AC96): A luminous, dusty gold — the color of honey in a jar.
• Dusty Rose (#AB8982): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Tempered Taupe Meadow color palette (#FFF0F9, #EAC1A5, #BE8F7D, #826C80, #404B3F)
• Dusty Oat color palette (#FEF4E2, #C7DA99, #BFAB6E, #9D826A, #3C3E37)
• Honey Harbor color palette (#FFEADB, #F3BE69, #DF8D5F, #B3666C, #3A370B)
• Cocoa Drift color palette (#FAEEF5, #D3B0BD, #9A768D, #77494D, #213024)
• Tempered Shell Parlor color palette (#FFF2EF, #FBA6BA, #77C6CB, #82A486, #4A3835)
• Stone Veranda color palette (#FEF2F1, #FFCEE0, #9BC593, #D297AE, #2E2F28)
• Dusty Celadon color palette (#FEF2F2, #CCE9B2, #B990AB, #7F6567, #342728)
• Washed Canyon color palette (#FFECDC, #D5AC3C, #BF7D45, #965752, #2B2400)

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