Muted Cocoa color palette — #EFDDCB · #8B6735 · #643900 · #3B1A00 · #060300

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

The five colors

• Parchment (#EFDDCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#8B6735): A full-bodied, balanced gold — the color of old brass.
• Bronze (#643900): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3B1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Muted 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

• Washed Meadow color palette (#FCEADB, #A07340, #7A4200, #4F2100, #120900)
• Cocoa Study color palette (#E8F1E2, #006152, #673700, #332800, #000202)
• Fern Villa color palette (#ECE8DA, #88944E, #666400, #473D00, #111A00)
• Bronze Corridor color palette (#F4D9BB, #C79D54, #A36900, #794300, #352700)
• Pine Alley color palette (#D7EDE6, #288953, #002E4C, #141C21, #000610)
• Dusty Chestnut color palette (#FFF2E9, #D2B8A3, #B78163, #945641, #583400)
• Aubergine Studio color palette (#EDE6FF, #895BB2, #6A0384, #380037, #0F0009)
• Ancient Nightshade color palette (#F0E3EC, #576ACD, #600099, #2200A6, #060002)

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