Tempered Cocoa color palette — #FFF2EA · #F5D2B7 · #E2A68D · #AB8A79 · #693B00

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F5D2B7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#E2A68D): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AB8A79): A luminous, dusty orange — the color of toasted spice.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Muted Bronze color palette (#FEEEE5, #D0B69B, #B0714C, #724D46, #332B1A)
• Stone Orchard color palette (#FFF0F9, #E7E0C8, #C4A3B8, #877289, #354338)
• Washed Apricot color palette (#FEF3EA, #F7B17F, #96C687, #6DA894, #423C37)
• Sunlit Apricot Bloom color palette (#FFEADA, #FDB775, #E78941, #BB653B, #39342F)
• Ancient Bronze Bloom color palette (#E8DFD0, #B39E47, #9A7700, #785200, #191700)
• Airy Lantern color palette (#F4E4DA, #B56B3A, #9D3D00, #721C06, #080200)
• Hushed Sand color palette (#E7DFFF, #FFD49F, #FFC1CB, #78605B, #332C2A)
• Patina Mallow color palette (#FFF1F4, #E3A7E5, #4BB9BF, #578BB7, #403039)

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