Tempered Cocoa color palette — #EFDBE3 · #8E6942 · #663500 · #3B1600 · #0A0400

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

The five colors

• Shell Pink (#EFDBE3): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#8E6942): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3B1600): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0A0400): A deep, shadowed, dusty 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 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

• Worn Bronze Grove color palette (#F6E0CD, #976D1C, #693600, #500600, #1A1600)
• Shadow Basin color palette (#DAE8DB, #755E1C, #483200, #241400, #020200)
• Bronze Delta color palette (#FFDFED, #C1966E, #9D561A, #702C00, #2A1800)
• Airy Garnet color palette (#FEDAE9, #B4955F, #8E4C00, #600B00, #050400)
• Worn Chestnut Studio color palette (#DBEFE1, #9A8F47, #6E5900, #473200, #131300)
• Timeworn Cocoa Ridge color palette (#EBF5EA, #96B598, #916D42, #703E04, #0E2917)
• Cocoa Meadow color palette (#D9F1F4, #006052, #633700, #2F2700, #000302)
• Ancient Pine color palette (#E2EFF9, #3D8B56, #002D45, #2A2127, #000912)

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