Tempered Cocoa Workshop color palette — #F7E5D4 · #876E35 · #633800 · #420E00 · #060600

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F7E5D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#876E35): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#633800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#420E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Lowlit Study color palette (#EFE7D4, #676500, #453300, #271100, #010200)
• Wandering Courtyard color palette (#FAE7D2, #998542, #764A00, #522005, #120E00)
• Antique Garnet Market color palette (#FFE4CB, #BE9A55, #985A1C, #762410, #201D00)
• Nightshade Pier color palette (#F2DCF1, #004AAE, #5E3B00, #382200, #00020A)
• Tempered Courtyard color palette (#FDEEE6, #D1B59C, #B0714C, #734D43, #342A1B)
• Lowlit Bronze Terrace color palette (#F2E0F2, #B16000, #002856, #000718, #030004)
• Moonless Alley color palette (#F9DEE8, #690693, #5C001D, #1B1600, #000102)
• Linen Aubergine Quarry color palette (#D8E4F7, #6E5DCA, #67198B, #42002E, #140004)

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