Tempered Cocoa Market color palette — #FFF2EB · #BFA089 · #98644F · #783F34 · #5B3200

A conversation between Coffee and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#BFA089): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#98644F): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#783F34): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Market 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

• Softworn Bloom color palette (#F7E4D6, #B78C6C, #885539, #6A311D, #352F2A)
• Ancient Cocoa Meadow color palette (#FEF3E7, #C6B59D, #987B54, #7A542E, #5D4200)
• Airy Bronze color palette (#FCEDCC, #A5A056, #7B6900, #5C4600, #353900)
• Dusty Sand Studio color palette (#FFF0F9, #F9C3A4, #D19F8B, #9B7D93, #4B363F)
• Bronze Dune color palette (#FAE1CC, #9C6A2D, #683700, #431A00, #211300)
• Muted Bronze Drift color palette (#F2F8E9, #43936A, #A25B3D, #704B00, #32342D)
• Chestnut Delta color palette (#F3EBDD, #6B5804, #392900, #1A0E00, #040300)
• Tempered Delta color palette (#EEF8F2, #98B990, #015B6D, #00343F, #0D2220)

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