Muted Cocoa color palette — #FFF2ED · #EAD6D1 · #B0B6A1 · #DCA383 · #753A17

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#EAD6D1): A whisper-light, dusty orange — the color of autumn markets.
• Stone (#B0B6A1): A luminous, dusty green — the color of fresh herbs.
• Camel (#DCA383): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#753A17): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Weathered Cocoa color palette (#FEF3EB, #E4D9D1, #CAC895, #98B07F, #673300)
• Aged Taupe Garden color palette (#FFF2EF, #EDD6D7, #F3BCAE, #DA9991, #563B33)
• Worn Fern Drift color palette (#FFF2EB, #F4D4B7, #BBAC9A, #898B72, #455814)
• Aged Delta color palette (#FFF3E7, #F2B77B, #CDA0CC, #AF8254, #624348)
• Sunlit Amber Station color palette (#FFF2EA, #FFD2CD, #FFAB82, #CE8402, #552500)
• Worn Cerulean color palette (#F4F6EE, #C6E7EA, #C3A6C7, #5C8EA5, #5D4C5D)
• Worn Coast color palette (#F6F6EC, #B7DDB8, #7DA78B, #A5703D, #4B5301)
• Coral Grove color palette (#FDEEE8, #E77560, #80481C, #403530, #26201E)

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