Muted Cocoa color palette — #FFF2EC · #C6AB73 · #7C3C31 · #4B1F18 · #2A1F19

A conversation between Rust and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#C6AB73): A luminous, dusty gold — the color of honey in a jar.
• Rust (#7C3C31): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4B1F18): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2A1F19): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Chestnut Parlor color palette (#FBF4ED, #D3BD91, #805221, #522F00, #27251A)
• Feathered Terracotta color palette (#FBF3EF, #EA9771, #777300, #9C3E00, #292412)
• Patina Grove color palette (#FFF4E1, #CB9900, #5C4400, #322400, #151505)
• Muted Stone Alley color palette (#FCF1FD, #BFCD82, #995E64, #513853, #281D29)
• Weathered Taupe Corridor color palette (#FFF0FA, #F7CC9F, #BE8572, #79576E, #291E25)
• Patina Olive color palette (#FFF4E2, #BC8E4F, #6B7000, #005281, #403D36)
• Weathered Pier color palette (#E6DDCB, #AD8624, #403500, #1B1600, #050600)
• Softworn Bronze Loft color palette (#F9F4EF, #DBDCD2, #BDC5AD, #936B41, #4D4640)

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