Muted Cocoa color palette — #FBF3F0 · #C8E0CD · #AD756F · #6F3215 · #221915

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C8E0CD): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#AD756F): A luminous, dusty orange — the color of sun-warmed clay.
• Rust (#6F3215): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#221915): a grounded near-black with real depth.

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

• Driftwood Archive color palette (#FAF5E9, #E1E5B3, #807844, #413900, #140F04)
• Wandering Stone Cabin color palette (#F9F0EA, #E7BA85, #7F5646, #4F2300, #1B110B)
• Softworn Marigold Orchard color palette (#F8EDD9, #C79A35, #4B3900, #1D2724, #0C0700)
• Taupe Garden color palette (#FAF2F7, #FBD7B0, #C88E7A, #826177, #31282E)
• Wandering Coral color palette (#FCF3EF, #E1DACF, #97BA88, #D87E65, #1F200D)
• Mustard Ridge color palette (#FFF3E7, #D2B96E, #754300, #271300, #020100)
• Wandering Pewter Bloom color palette (#FFF3E6, #FED3B8, #A2A774, #7C64A4, #573800)
• Petrol Coast color palette (#FAF4EB, #D3BD81, #5FA281, #5670A6, #342017)

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