Muted Cocoa color palette — #FFEBDD · #AA7B47 · #7A3800 · #430800 · #020100
Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.
The five colors
- Cream (#FFEBDD): A whisper-light, dusty gold — the color of honey in a jar.
- Caramel (#AA7B47): A luminous, balanced gold — the color of old brass.
- Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#430800): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, 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
- Hushed Chestnut color palette (#FCE0C7, #B69364, #8E4C00, #581B00, #060300)
- Timeworn Hollow color palette (#EFE2C4, #848C52, #594E00, #2E1E00, #010100)
- Bronze Studio color palette (#FFF3E7, #DDB372, #B56900, #803200, #1F1700)
- Hushed Olive Basin color palette (#FCF5E0, #AABA87, #7E7A1D, #584300, #051700)
- Tempered Navy Pier color palette (#E5E0D3, #6A6100, #004A9C, #3D0057, #010100)
- Inked Pier color palette (#ECE8CB, #4C5D00, #002A87, #21001C, #030100)
- Weathered Bronze Dune color palette (#EDE3FF, #00ABAF, #A48100, #0B0D06, #020100)
- Patina Amber color palette (#FFF4DD, #D2D690, #AB9000, #7F5700, #1F2D00)
Browse the whole catalog at Explore, or see today's palette.