Tempered Cocoa color palette — #F7EDE6 · #C0B09D · #978C75 · #693300 · #140701

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F7EDE6): bright and airy, almost weightless.
• Rosewood Mist (#C0B09D): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#978C75): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#693300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#140701): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Bronze color palette (#F6EEE4, #AA9F86, #8B7C33, #4A3000, #080300)
• Cocoa Dune color palette (#F3E5EC, #B1BCB2, #749787, #6D3100, #2C1823)
• Weathered Harbor color palette (#FAF1E1, #DDD4B5, #AFAD8F, #725700, #241802)
• Bronze Meadow color palette (#F7F1EA, #D8D8CD, #BABFAF, #8F6E4C, #312B24)
• Misty Tangerine color palette (#F6E7D6, #FA6900, #A96F00, #525C00, #080500)
• Pale Grove color palette (#E9E4D5, #628615, #005311, #48190B, #050A00)
• Softworn Bronze color palette (#FBE1C7, #897906, #40592F, #153353, #200617)
• Chestnut Lagoon color palette (#EEE5D4, #925200, #433C00, #002231, #090400)

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