Muted Cocoa color palette — #DFE5DE · #9CA8A1 · #659186 · #603C00 · #010D01

Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#DFE5DE): bright and airy, almost weightless.
• Taupe (#9CA8A1): soft and architectural.
• Eucalyptus (#659186): A luminous, dusty teal — the color of sea glass.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#010D01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cocoa Lantern color palette (#F0E8ED, #B29FA5, #728E7D, #782500, #12040E)
• Tempered Archive color palette (#E2EDE3, #8AA8A4, #659491, #825B00, #030C04)
• Basalt Chapel color palette (#F2E8DD, #C4BAA1, #94937C, #543400, #020100)
• Bronze Summit color palette (#E6DED3, #A29887, #876D25, #3A2700, #100700)
• Fern Grove color palette (#D8E7E4, #A3B9BA, #779CA7, #256300, #011815)
• Washed Garnet color palette (#CCEBE2, #4A835D, #005146, #55060E, #000802)
• Ancient Bronze Chapel color palette (#E9F1EB, #CEDBD6, #99C1BE, #886F00, #223228)
• Aubergine Atelier color palette (#F4D9CA, #8C753A, #345C35, #3E1A5A, #2A0010)

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