Tempered Cocoa color palette — #FFF3E6 · #BBA382 · #91693B · #73451C · #413C36

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BBA382): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#91693B): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#73451C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Balcony color palette (#FEEBDC, #BD936F, #A15000, #7B2E00, #4C2E00)
• Wandering Basin color palette (#F9F5EB, #BFB89F, #977D36, #6C5C2A, #534800)
• Softworn Amber color palette (#FFF1F5, #A3C9AD, #B98244, #8E5A46, #2E423A)
• Worn Sand Boulevard color palette (#ECFAEA, #EECB93, #CDA475, #A07C8B, #314235)
• Powdered Chestnut color palette (#EFDCB9, #9C8E45, #6F5800, #4F3700, #2C2B00)
• Antique Dune color palette (#EEF9EB, #009588, #99641C, #5F5300, #293725)
• Chestnut Pier color palette (#FCE8CC, #7F6310, #4B3300, #2A1700, #0F0B00)
• Linen Courtyard color palette (#F6F1FF, #B99DCE, #915C9C, #7E2274, #710025)

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