Tempered Cocoa color palette — #FFF2EB · #ECD5BF · #D9A998 · #B0877B · #604100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#ECD5BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D9A998): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B0877B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Timeworn Mallow Chapel color palette (#FFF1F5, #F8C9F3, #F29EBB, #C17C73, #67380A)
• Muted Taupe color palette (#FCF2F8, #E0C0D0, #C38D76, #896980, #554149)
• Dusty Mustard color palette (#FBF5E2, #D5D3AB, #B3B162, #A08351, #394300)
• Antique Apricot color palette (#FFEBD7, #E3C383, #E78A1E, #B76650, #3A3705)
• Driftwood Corridor color palette (#FEECF7, #CFB2BE, #99778C, #684E65, #223021)
• Gentle Ridge color palette (#FCECDA, #C6B161, #BB8126, #995836, #2B2400)
• Tempered Bronze color palette (#EDE0C3, #99A75E, #927B00, #7E4E00, #041C00)
• Aged Delta color palette (#FAE8DD, #B78445, #AF4D00, #8C1924, #100A00)

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