Muted Cocoa color palette — #FEF1F9 · #C4AB77 · #813920 · #4A2011 · #2B1C26

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Camel (#C4AB77): A luminous, dusty gold — the color of old brass.
• Rust (#813920): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4A2011): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2B1C26): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Worn Mulberry color palette (#F9F2FF, #C4AB78, #763B57, #362641, #24161E)
• Dusty Mustard color palette (#FFF2ED, #C8CB72, #9A5F5D, #6B2E14, #2B1E1A)
• Sunlit Olive Boulevard color palette (#FDF1F7, #DC9F79, #4C7F00, #944700, #152824)
• Chestnut Market color palette (#FDF3EC, #F3CEA5, #B88873, #8C5328, #291F18)
• Hushed Cabin color palette (#E9FAEF, #CA9910, #574700, #2F2500, #0B1F14)
• Amber Courtyard color palette (#F5DDE6, #B88A00, #592F00, #2B1400, #1C0811)
• Chestnut Garden color palette (#DFEAE1, #785900, #242732, #1D1200, #040200)
• Hazy Olive color palette (#E7FCEB, #B79149, #607311, #195084, #2D4336)

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