Muted Cocoa color palette — #FFE7EE · #B69959 · #8F5D15 · #743500 · #3E3600

Bronze takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE7EE): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#B69959): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8F5D15): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#743500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3E3600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Bronze Quarry color palette (#DEF6E4, #A89F4F, #836500, #673F00, #0C3F31)
• Washed Harbor color palette (#FFF0F9, #C69E7F, #926654, #73423D, #2E432E)
• Muted Garnet color palette (#FEE0E9, #AEA066, #965C00, #79200C, #162000)
• Airy Amber Balcony color palette (#FFD4B7, #BF7E18, #8A4600, #6C1D00, #352600)
• Soft Terracotta color palette (#FFEBD6, #C4B474, #B37832, #9A402E, #2D3B08)
• Rust Hollow color palette (#FFDFEB, #EC8090, #B83E36, #6F2F00, #482B00)
• Worn Olive Delta color palette (#D7F3E3, #707E31, #4E4700, #352500, #0B1B00)
• Worn Chestnut color palette (#FFDDCE, #96540D, #5F2300, #3D0002, #130900)

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