Muted Cocoa color palette — #EADEE3 · #9BA99E · #758C83 · #683600 · #13040B

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

The five colors

• Silver (#EADEE3): bright and airy, almost weightless.
• Taupe (#9BA99E): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#758C83): A luminous, dusty teal — the color of sea glass.
• Bronze (#683600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#13040B): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Timeworn Garnet Villa color palette (#F3EDF4, #ADA0A8, #977F86, #752436, #110413)
• Washed Cocoa color palette (#E9E2DC, #C2B9AC, #9B926C, #5C2E00, #030100)
• Muted Chestnut Thicket color palette (#EAE1E4, #95A8A3, #A8966B, #8C5400, #14040A)
• Tempered Bronze color palette (#E6DED6, #A1988E, #8D6A26, #402300, #110700)
• Softworn Fern Summit color palette (#DBE7E3, #9FBBB9, #749EA4, #475C00, #021913)
• Ancient Olive color palette (#D5E3DC, #58824A, #005339, #4A1724, #010800)
• Soft Onyx Archive color palette (#FEE4D8, #85723B, #326332, #3C184F, #210227)
• Worn Bronze Station color palette (#F0F7F2, #CCDDDF, #ABC3CB, #967E34, #333D36)

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