Muted Cocoa color palette — #FFEEE2 · #C1A686 · #98684C · #76381D · #2C2109

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

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C1A686): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#98684C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#76381D): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2C2109): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Bronze Balcony color palette (#F8F1E5, #C3BBA2, #A27B3B, #7D4A13, #2F2D19)
• Worn Chestnut color palette (#F0DCCC, #B2935E, #8C5527, #622C21, #201700)
• Aged Pewter Station color palette (#FFF0F7, #FCD4B1, #BE9478, #8B5F4B, #263725)
• Soft Studio color palette (#F2E9CE, #8CAD61, #746E00, #593E00, #1A1F00)
• Muted Bronze color palette (#EDDDCC, #876F23, #603A00, #3F1300, #050600)
• Antique Cobalt color palette (#E3F7F1, #438BCC, #9F653C, #784218, #041F1A)
• Aubergine Market color palette (#E6F3FF, #9BA9DF, #7E67A8, #6B3270, #460022)
• Worn Dune color palette (#FEECF7, #7377BF, #974052, #404200, #001B15)

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