Muted Cocoa color palette — #FFF2ED · #D69896 · #71A998 · #4E8298 · #652810

Rust takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rosewood Mist (#D69896): A luminous, dusty orange — the color of toasted spice.
• Jade (#71A998): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4E8298): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#652810): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Taupe Study color palette (#FDF3E9, #CEA170, #65A7B8, #6E77A7, #573400)
• Wandering Boulevard color palette (#FFF1F2, #D094C5, #97A174, #3B8A80, #4C3739)
• Wandering Lantern color palette (#FFF2EC, #CA8D7E, #439484, #406E94, #473132)
• Washed Shell Grove color palette (#FCF1FB, #FFA8A6, #73BFAC, #5589A7, #382E37)
• Washed Field color palette (#FFF4E2, #E9B088, #9E9262, #4F7966, #643E00)
• Soft Ember Lantern color palette (#FFF2EA, #F36415, #00999A, #2765AE, #42220B)
• Hushed Boulevard color palette (#FBF4EF, #DBDAD3, #ABB3AB, #B29580, #59514B)
• Washed Bronze Atelier color palette (#FFF2ED, #F2CAAA, #BD9E67, #7D7126, #444B00)

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