Muted Cocoa color palette — #FBE2D0 · #B2773D · #853E11 · #531D16 · #170C00

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

The five colors

• Parchment (#FBE2D0): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#B2773D): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#853E11): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#531D16): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#170C00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Powdered Lagoon color palette (#FFE8F5, #AC7C47, #843F19, #5E1E22, #2E2200)
• Patina Moss color palette (#FFECCF, #978700, #6C5000, #472900, #120E00)
• Tempered Veranda color palette (#FFF2EA, #D8A96A, #A86141, #68343D, #191100)
• Chestnut Coast color palette (#FEEEE5, #D3B59A, #A27765, #834429, #352A1D)
• Tempered Bronze Workshop color palette (#F6E2EC, #C19473, #9E603C, #733C29, #381825)
• Hushed Summit color palette (#EAE5D5, #999100, #006358, #4D4900, #010300)
• Denim Station color palette (#FBEFD3, #746500, #00569B, #4B1E5F, #0C0700)
• Bronze Drift color palette (#EED8F0, #00ABA2, #A97F00, #190E00, #060300)

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