Tempered Cocoa color palette — #F9F0E4 · #BAAA87 · #8A7143 · #68431C · #292205

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F9F0E4): a clean, paper-quiet neutral.
• Camel (#BAAA87): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8A7143): A full-bodied, dusty gold — the color of old brass.
• Bronze (#68431C): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#292205): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Bronze Drift color palette (#FDEFE6, #CFB6A0, #AE7349, #834428, #362A1B)
• Weathered Chestnut color palette (#EBDFCA, #9F9B6A, #786225, #573600, #1D1800)
• Ancient Bronze color palette (#EDF9EE, #ABAB7A, #8C6C35, #74432D, #24443F)
• Fern Balcony color palette (#EEE0C6, #67650D, #423500, #231400, #010200)
• Fern Lantern color palette (#FEECF9, #7281C5, #9E663A, #425C00, #251221)
• Softworn Mulberry Boulevard color palette (#F0EBFF, #C3A3D9, #A05E97, #811551, #4A001A)
• Ancient Denim color palette (#F9EEF7, #C8B07F, #3F5384, #142450, #120911)
• Lapis Parlor color palette (#F9EEF5, #A9AEE4, #A6577C, #5651C4, #1A0808)

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