Muted Cocoa color palette — #EFE5EA · #C09FAA · #6C8773 · #5C2400 · #1D0E17

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

The five colors

• Rose Water (#EFE5EA): bright and airy, almost weightless.
• Mauve (#C09FAA): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#6C8773): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#5C2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1D0E17): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Worn Garnet color palette (#EEE3E9, #97A496, #618671, #5E1F00, #0C0007)
• Worn Garnet Quarry color palette (#F9EBF5, #B8A2AD, #9A727F, #6C0705, #1C0E1A)
• Weathered Delta color palette (#DEE7E1, #92B2A5, #678780, #433600, #0A170F)
• Weathered Cocoa Hollow color palette (#F2E6DF, #BEB2A5, #A19474, #88350C, #1E1007)
• Hushed Fern color palette (#E8F1EC, #BDD1CA, #8BA7A3, #5F5600, #213229)
• Weathered Olive Orchard color palette (#D1E6D9, #647400, #194300, #400F0A, #0E1200)
• Ember Garden color palette (#EEDEE3, #EA4200, #925A00, #535300, #160D00)
• Olive Ridge color palette (#EEF8F5, #CFDFE5, #B3C3CE, #627E52, #3D4B48)

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