Muted Cocoa color palette — #F8ECE1 · #B4975B · #643500 · #351900 · #141003

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

The five colors

• Cream (#F8ECE1): a clean, paper-quiet neutral.
• Camel (#B4975B): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#643500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#351900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#141003): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Muted Loft color palette (#ECE4CD, #B88A00, #423C00, #1E1B00, #030B01)
• Chestnut Canyon color palette (#FDF4E7, #C2AB85, #684C0E, #3D2A00, #1D1D0C)
• Patina Coast color palette (#FBE9F0, #ECC267, #B8763B, #6E4959, #220F18)
• Sunlit Navy Cabin color palette (#FBECD6, #928839, #2B6B25, #28318E, #2E3405)
• Soft Balcony color palette (#FFEBD7, #9E6000, #006C84, #3D3191, #362108)
• Deep Alley color palette (#F8EBD2, #896600, #1F2A2C, #241C00, #060400)
• Olive Workshop color palette (#EBE2CF, #A2A253, #547712, #005115, #003E2C)
• Timeworn Taupe color palette (#F7EDDF, #B59757, #5A3C00, #2F1E00, #110F00)

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