Muted Cocoa color palette — #FFF3E9 · #E1DBC2 · #CAA68A · #9E6C58 · #593600

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#E1DBC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#CAA68A): A luminous, dusty gold — the color of old brass.
• Mocha (#9E6C58): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#593600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Softworn Bronze Atelier color palette (#FFF2EA, #F3D7C0, #C09279, #995640, #36312B)
• Timeworn Bronze Dune color palette (#FFF4E1, #C2B275, #937104, #5F3F00, #151300)
• Patina Delta color palette (#FFF1F7, #D5B08F, #9C7286, #715365, #3F4C3E)
• Timeworn Driftwood color palette (#EFF8EC, #8DD2C9, #C8A87F, #8C8447, #293625)
• Aged Pier color palette (#FDF4E1, #D3C7A2, #988A4D, #6E5400, #292100)
• Softworn Cocoa color palette (#F2E3D5, #AC7A40, #733E00, #391600, #020100)
• Antique Fern color palette (#ECE5CF, #95A258, #656400, #3A3200, #030500)
• Antique Dune color palette (#FFF0F8, #E5D5D5, #C5AAE6, #9362A4, #5C295B)

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