Muted Cocoa color palette — #F6DFDF · #BC9791 · #A36365 · #674500 · #2F250E

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

The five colors

• Shell Pink (#F6DFDF): A whisper-light, dusty red — the color of a theater curtain.
• Taupe (#BC9791): A luminous, dusty orange — the color of autumn markets.
• Mocha (#A36365): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#674500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F250E): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Cocoa Boulevard color palette (#FADAE7, #B499C0, #8C6481, #6F4133, #332D28)
• Chestnut Veranda color palette (#FFE0DC, #CFAAA0, #A8776E, #785B0D, #3A3932)
• Aged Grove color palette (#F1DBE5, #B26978, #7B423E, #362700, #161000)
• Chalky Studio color palette (#FFEAE6, #BD8165, #8F5700, #3C5018, #002B07)
• Hushed Taupe color palette (#FFF0F9, #E3BFE4, #C08789, #457C70, #2D3F2F)
• Washed Olive Corridor color palette (#FFEEE5, #DAC3B2, #A4927C, #6E6E24, #3B4800)
• Muted Marigold color palette (#FFD6B6, #D3A96D, #927E3C, #266342, #00372E)
• Weathered Driftwood color palette (#DFDAFF, #C79CBC, #9F6661, #396164, #2E4653)

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