Tempered Cocoa Study color palette — #FCF2F6 · #C4AB78 · #7E3D00 · #412232 · #241918

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Camel (#C4AB78): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#7E3D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#412232): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#241918): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Chestnut color palette (#EFF8F1, #C6AB71, #674D00, #3C2B00, #1B241D)
• Soft Pine color palette (#FCF2F5, #D6A36C, #118540, #865200, #162827)
• Washed Quarry color palette (#FCF3EC, #F4CE9A, #B68A6A, #895621, #2C1E12)
• Mustard Loft color palette (#FFF2EA, #CFC77C, #9F5F42, #48413C, #291F19)
• Amber Canyon color palette (#DAEADA, #B88A00, #503400, #271700, #031404)
• Timeworn Bronze color palette (#FFF1F6, #AF7137, #007E94, #384F8D, #412B34)
• Smoked Chestnut Lagoon color palette (#E5F5EB, #785900, #282832, #191400, #030200)
• Muted Delta color palette (#E8FBEC, #AE9732, #457927, #324A87, #294439)

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