Tempered Cocoa color palette — #FFF4E3 · #D29788 · #917043 · #23646A · #6D3802

A conversation between Bronze and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Camel (#D29788): A luminous, dusty orange — the color of toasted spice.
• Walnut (#917043): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#23646A): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#6D3802): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Antique Taupe color palette (#FFF4E2, #CB94B2, #9F655F, #376549, #59413D)
• Hushed Amber color palette (#FDF3ED, #C7856D, #5D7A4F, #265A72, #5B363D)
• Cocoa Ridge color palette (#FEF4E3, #BDA477, #6F7E4A, #694F6C, #5B4400)
• Denim Ridge color palette (#F9F1E2, #CD9BB0, #94704A, #355183, #3D251D)
• Aged Corridor color palette (#FFF2EB, #CBBCAB, #958D73, #61766A, #584657)
• Quiet Amber Alley color palette (#FFF4E2, #CE6F17, #715F00, #004D64, #4C2E00)
• Petrol Summit color palette (#ECF9EF, #E1ACC4, #B68857, #4F6EA9, #544053)
• Patina Boulevard color palette (#F4F7EC, #B8C7AA, #548D87, #7C5D56, #3C5717)

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