Muted Cocoa color palette — #FFF1F6 · #D6A976 · #A06833 · #6F3200 · #1B1000

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#D6A976): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#A06833): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#6F3200): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#1B1000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Hazy Parlor color palette (#FFF0F8, #EAAB82, #CB5400, #8B2200, #271200)
• Hushed Bronze color palette (#E5FCEE, #B8B675, #887600, #584300, #121400)
• Timeworn Loft color palette (#E9FBE8, #DEC396, #A9824F, #7A4C1D, #072915)
• Wandering Chestnut Balcony color palette (#FAE0CB, #A47F3D, #7F4300, #561A0F, #140D00)
• Eclipse Bronze Alley color palette (#F4D7E0, #906B31, #563200, #200C00, #020100)
• Soft Field color palette (#FAE3EC, #D0AC6C, #D17300, #A1503F, #002C1B)
• Bronze Atelier color palette (#E7FBEE, #BEE8D1, #AF9D62, #846522, #1E382D)
• Tempered Bloom color palette (#C6E9D6, #868B4B, #554F00, #292100, #010100)

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