Muted Cocoa color palette — #F6ECE6 · #DDCCC0 · #C49E79 · #822F00 · #060100

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

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Oat (#DDCCC0): A whisper-light, dusty gold — the color of old brass.
• Camel (#C49E79): A luminous, dusty gold — the color of old brass.
• Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Muted Coast color palette (#F9EAE9, #E5C8C2, #C09D92, #832053, #0A0000)
• Ancient Garnet color palette (#E5DDE2, #AC9AA2, #6B836D, #621900, #0C0108)
• Aged Basalt Orchard color palette (#EDE8E2, #C2B9AC, #9E9072, #523500, #020100)
• Bronze Summit color palette (#EEE2DC, #B8B297, #979B7D, #A55949, #200F06)
• Muted Amber color palette (#FFF0E2, #FFA37D, #CD7500, #835E00, #020100)
• Fern Boulevard color palette (#F6EAD7, #998D53, #606600, #003B32, #000909)
• Washed Fern color palette (#F7F6EA, #D2DDCF, #A6C5A1, #586800, #0F0D03)
• Washed Corridor color palette (#F7E8CB, #AB6100, #563E00, #002210, #020100)

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