Muted Cocoa Alley color palette — #F0DED1 · #A47F3E · #7A3800 · #46000E · #010100

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

The five colors

• Parchment (#F0DED1): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A47F3E): A luminous, balanced gold — the color of old brass.
• Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#46000E): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted Cocoa Alley 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

• Antique Pier color palette (#FCE0C8, #B0975C, #8E4C00, #63000C, #040400)
• Driftwood Parlor color palette (#F0EAD9, #759155, #584E00, #331B00, #000201)
• Chestnut Basin color palette (#FBE0CB, #895300, #562700, #320600, #030100)
• Ember Orchard color palette (#FCDBDF, #D16314, #674E00, #172200, #000200)
• Tempered Garnet color palette (#F6E6E1, #D26872, #005C41, #740022, #000201)
• Olive Study color palette (#FFF5D7, #9DBF87, #817900, #623D00, #00180D)
• Tempered Garnet color palette (#FFF3E7, #D2B96C, #B46900, #940603, #151B00)
• Inked Onyx color palette (#F5E1CD, #7D4900, #0B3B01, #180044, #020100)

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