Muted Cocoa color palette — #F9F4EE · #DFE0CD · #9D8152 · #5F3F00 · #221A0D

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Bone (#DFE0CD): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#9D8152): A luminous, dusty gold — the color of old brass.
• Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#221A0D): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Olive Garden color palette (#F5F6EA, #CCEAC0, #5F8155, #25411C, #101101)
• Patina Pier color palette (#F0F0D9, #B2A439, #2C4400, #1D2728, #040A00)
• Tempered Bronze Villa color palette (#F9F4EE, #F2DBB5, #B99965, #8D6424, #312A21)
• Moonless Courtyard color palette (#F2EADD, #997400, #241A00, #0B0D07, #020100)
• Muted Stone Market color palette (#EBF5EC, #DBC083, #4D6A4F, #223724, #101610)
• Softworn Mustard color palette (#FBF5E1, #D1BA66, #555400, #1A1A00, #020100)
• Petrol Terrace color palette (#F8F6E5, #C8E8BF, #6FB390, #237CA3, #3F4039)
• Ancient Quarry color palette (#FEF3ED, #DFA794, #8B94CA, #7F4E8C, #372320)

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