Tempered Cocoa color palette — #EFDED3 · #9D683D · #742B00 · #520005 · #211300

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#EFDED3): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#9D683D): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#520005): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#211300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Dusty Cocoa Villa color palette (#EDE3D6, #827643, #5B4000, #3D2000, #171800)
• Garnet Pier color palette (#EEDBCE, #A77E56, #84400B, #680F00, #312100)
• Powdered Balcony color palette (#F4DDEA, #DA8943, #B5633E, #8E3D38, #211300)
• Powdered Garnet Workshop color palette (#FFEADD, #C58F6A, #9E5034, #851A24, #4C2E00)
• Midnight Fern color palette (#F4E8CC, #595E1D, #332C00, #190F00, #020400)
• Weathered Cabin color palette (#E3F2EB, #997416, #4A434C, #002B3B, #000B12)
• Hushed Dune color palette (#CEEBDF, #00587D, #82010E, #342600, #000F1A)
• Muted Bronze color palette (#FBF4E8, #C0B7A0, #9D7A37, #745735, #534800)

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