Muted Cocoa color palette — #FFF2ED · #FFC0B5 · #E8A28F · #B57F68 · #723D09

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#FFC0B5): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#E8A28F): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B57F68): A luminous, dusty orange — the color of toasted spice.
• Bronze (#723D09): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Worn Stone Parlor color palette (#FFF3E8, #EBDBB5, #E1AC83, #AA7F5D, #523115)
• Frosted Ember color palette (#F6DBF3, #F0AA9D, #C3684F, #814C33, #4B303E)
• Dusty Meadow color palette (#FFF2F0, #F6B1B4, #D48A79, #956847, #57524B)
• Worn Thicket color palette (#FFF3E9, #FBC9A8, #A1D6AB, #D29A76, #4C4E47)
• Dusty Tangerine Field color palette (#FCE4DA, #FFA76F, #F2830D, #B36900, #583700)
• Chestnut Chapel color palette (#FFF3E8, #DDDBCB, #CDAE99, #ACB5C9, #734600)
• Linen Mustard color palette (#F5E1AF, #DCC87E, #B8AE4C, #87893E, #454C1E)
• Rust Market color palette (#F9D5CD, #C54700, #974300, #5E2C00, #100500)

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