Muted Cocoa color palette — #DFEBDF · #A1BAAA · #749689 · #5C3C00 · #030E03

Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#DFEBDF): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#A1BAAA): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#749689): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#5C3C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#030E03): 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

• Antique Cocoa Pier color palette (#F2E8EE, #C2ADB4, #7B9580, #722A00, #11070D)
• Basalt Boulevard color palette (#DEE9E3, #87A89C, #5B857E, #403600, #000602)
• Washed Fern color palette (#E4F7EE, #BBDCD3, #82B7B3, #605F00, #032015)
• Worn Chestnut Workshop color palette (#FEF1F5, #D0EEDE, #9EC4BE, #875100, #17060D)
• Worn Pewter Terrace color palette (#EDF4EE, #CDDBDA, #ADC1C4, #84734B, #282E29)
• Pine Garden color palette (#DDEDE9, #248F41, #00513A, #421F00, #000B02)
• Amber Hollow color palette (#D4E6DA, #E38000, #937700, #286400, #040400)
• Timeworn Chestnut Atelier color palette (#EAE2D1, #815E00, #334200, #001E3F, #070500)

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