Muted Cocoa color palette — #EFDDCE · #B0936A · #875839 · #602C27 · #201600

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

The five colors

• Parchment (#EFDDCE): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B0936A): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#875839): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#602C27): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#201600): 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

• Dusty Fern Grove color palette (#E8E0C9, #8CA173, #6C671D, #533900, #161A03)
• Ancient Boulevard color palette (#F3E5DA, #B48E6C, #8C5328, #712C00, #342F2A)
• Wandering Courtyard color palette (#FAE7D2, #998542, #764A00, #522005, #120E00)
• Worn Chestnut color palette (#FFF1F7, #E4C09F, #AD7E5D, #7B4A32, #122712)
• Aged Cobalt color palette (#D9EFE7, #007DB7, #825D00, #593E00, #00150E)
• Lowlit Study color palette (#EFE7D4, #676500, #453300, #271100, #010200)
• Aubergine Garden color palette (#DCEDFC, #8192D6, #79529F, #641960, #320018)
• Hazy Lapis color palette (#FFECF5, #5B56B3, #883732, #492B00, #010C01)

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