Muted Cocoa Alley color palette — #F0DCE6 · #A76F42 · #833A00 · #571900 · #140800

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F0DCE6): A whisper-light, dusty rose — the color of strawberry cream.
• Mocha (#A76F42): A full-bodied, balanced gold — the color of old brass.
• Bronze (#833A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#571900): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#140800): 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 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

• Amber Canyon color palette (#FBE4D3, #B97238, #7C3600, #3F0F00, #020100)
• Weathered Bronze color palette (#D5E9D8, #997900, #6C4C00, #452A00, #0F0B00)
• Wandering Chestnut color palette (#F9D7EA, #8B5C21, #5E2400, #3C0008, #100A00)
• Bronze Alley color palette (#FAD1E1, #D9943C, #AE6100, #823B00, #392400)
• Patina Thicket color palette (#F3DAC9, #C27F24, #B04B00, #882029, #120A00)
• Timeworn Lantern color palette (#F6E1EC, #D3A282, #A97055, #7C4D40, #442532)
• Aged Olive Veranda color palette (#C8E9D8, #9FA560, #7D7400, #5C4C00, #002C21)
• Chalky Garnet color palette (#DDF6F0, #3B6E00, #7F0027, #371900, #020200)

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