Muted Cocoa color palette — #E4F3E6 · #C0D6CC · #85B0AA · #644800 · #000401

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

The five colors

• Honeydew (#E4F3E6): A whisper-light, dusty green — the color of new leaves after rain.
• Oat (#C0D6CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#85B0AA): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Chapel color palette (#DBECE5, #9FC3BF, #6D9BA0, #3A4100, #000201)
• Washed Olive color palette (#E8E1D9, #A3A090, #728542, #483200, #080300)
• Garnet Pier color palette (#F4EBF1, #E7C6D1, #94AD9D, #892503, #070005)
• Tempered Quarry color palette (#E8F9F9, #C9DDEE, #9FC0D2, #00724A, #001010)
• Bronze Summit color palette (#DEEADF, #9EB5B7, #789FAF, #936900, #041908)
• Muted Lagoon color palette (#CDE8E2, #1DA679, #005A56, #501306, #000201)
• Deep Fern Orchard color palette (#C9ECDE, #4C5300, #364048, #0F161A, #000802)
• Moss Meadow color palette (#F0E0C5, #829A47, #00685F, #452249, #17001B)

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