Muted Cocoa color palette — #EEE7E0 · #BBB2A4 · #968D76 · #653600 · #130801

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EEE7E0): bright and airy, almost weightless.
• Stone (#BBB2A4): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#968D76): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#130801): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Wandering Bronze color palette (#EDE7DD, #A89F8A, #887D34, #483200, #080300)
• Cocoa Orchard color palette (#F1E7EB, #AFBDB3, #7A958E, #6A3300, #2A1922)
• Chestnut Canyon color palette (#F9F1E2, #D8D4C3, #ADAE8F, #6E5900, #211907)
• Aged Forest Field color palette (#F0E9CF, #638447, #005222, #491802, #030A00)
• Navy Meadow color palette (#F9E5C6, #8A8342, #396031, #02295A, #140730)
• Hushed Tangerine Field color palette (#F8E4C9, #FA762F, #B07900, #546A00, #070500)
• Dusty Chestnut color palette (#FCEED8, #8E5600, #403E00, #002133, #090400)
• Cocoa Lantern color palette (#E6DFD6, #B8B3A7, #928E76, #5B3D00, #120800)

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