Tempered Cocoa color palette — #FFF2EF · #E1DBCF · #CCA4A9 · #9AB3B5 · #7D3E24

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Rosewood Mist (#CCA4A9): A luminous, dusty red — the color of a theater curtain.
• Ash (#9AB3B5): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#7D3E24): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Ancient Balcony color palette (#FCF1FC, #E8D5D8, #E9A9B3, #A3B9C9, #5D4D5A)
• Cocoa Terrace color palette (#FFF3E5, #DAE7C7, #C5C6D5, #CB9083, #644800)
• Washed Bronze color palette (#FCF4EA, #DDE4C0, #C2AA8E, #A56A3F, #4A3F00)
• Aged Frost Dune color palette (#D8FFF4, #FFE7EC, #D4C5C7, #503A36, #302624)
• Washed Summit color palette (#F9DDD3, #E8A480, #9A8F1E, #6B2958, #040000)
• Patina Stone Chapel color palette (#FFF2E9, #F2B38E, #84B4DC, #5987AE, #36302C)
• Aged Terracotta Market color palette (#FFF3E8, #EDDE95, #85C282, #994238, #150B00)
• Cocoa Parlor color palette (#FDF3ED, #CADFCC, #A77A66, #6C3604, #231912)

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