Muted Cocoa color palette — #FFF2EE · #E0DBCE · #9CB6AE · #C9A0BD · #763B18

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Ash (#9CB6AE): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#C9A0BD): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#763B18): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Alley color palette (#FEF4E4, #D7E3CA, #B8BBCC, #DCA284, #5E4500)
• Antique Lagoon color palette (#FBF4EB, #D9E0C6, #C4AA86, #987057, #484000)
• Timeworn Lantern color palette (#D3FFFE, #FFE8E3, #D3CCD5, #703612, #2B221D)
• Dusty Oat color palette (#FDF0FF, #E8D8D8, #AFD8D1, #968CA7, #564852)
• Linen Balcony color palette (#FFF2EC, #EEF988, #DFDCCD, #DB6B8F, #5D2B0D)
• Softworn Cocoa color palette (#FAF4EF, #CADECC, #AB795C, #6A3700, #231912)
• Worn Balcony color palette (#F9F5EA, #C7C885, #80BDA8, #5986B2, #34322B)
• Antique Teal Workshop color palette (#FFF4E1, #C7DB99, #3BBDA2, #7C4300, #080800)

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