Muted Cocoa color palette — #E9F0E8 · #B0BDB2 · #7C9585 · #5F3C00 · #152414

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E9F0E8): bright and airy, almost weightless.
• Stone (#B0BDB2): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7C9585): A luminous, dusty teal — the color of sea glass.
• Bronze (#5F3C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#152414): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Basalt color palette (#D9E6DD, #9EAEA5, #66887B, #433600, #05180D)
• Dusty Cocoa color palette (#F7EAF2, #C6B3BC, #A08690, #732A0B, #2B1824)
• Patina Chestnut color palette (#F5ECE3, #CAC3B7, #A9A68C, #895200, #2B1C0B)
• Antique Fern color palette (#ECF9F2, #C0D9CF, #84B2A6, #625D00, #1E392D)
• Tempered Forest color palette (#E1E3D3, #748D65, #295E36, #003E49, #14213F)
• Patina Bronze color palette (#F1F7F2, #D2DCDB, #ADC5C4, #887142, #404B42)
• Quiet Thicket color palette (#CCE9D6, #D89300, #967A00, #5B6200, #171200)
• Chestnut Delta color palette (#D2E9D9, #7E6200, #3F4000, #002B26, #1B1600)

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