Muted Cocoa color palette — #EFD7E2 · #A16633 · #6E3200 · #481500 · #231100

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

The five colors

• Shell Pink (#EFD7E2): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#A16633): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6E3200): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#481500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#231100): 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 Bronze color palette (#FBDEEC, #9C6400, #6D2F00, #480007, #000802)
• Bronze Lagoon color palette (#D8F0DC, #887434, #5A4100, #392300, #1A1600)
• Wandering Parlor color palette (#FFE5F0, #A2805D, #7E450C, #5A2500, #331F00)
• Amber Garden color palette (#FBE4D2, #DA893C, #B96221, #8B4223, #221200)
• Cocoa Garden color palette (#D5E9EA, #006145, #6A3000, #372500, #00120A)
• Washed Canyon color palette (#FFF1F6, #93B190, #926842, #77421E, #2F4331)
• Weathered Summit color palette (#E0EFF8, #4C8B56, #002B3C, #2B1E21, #000B12)
• Aubergine Field color palette (#DFE1FA, #836DCC, #601D92, #3A0050, #2A002E)

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