Muted Cocoa color palette — #ECF7FB · #59A7A8 · #6F699A · #823A39 · #41461D

Rust takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF7FB): bright and airy, almost weightless.
• Turquoise (#59A7A8): A luminous, dusty teal — the color of sea glass.
• Slate (#6F699A): A full-bodied, dusty violet — the color of a velvet chair.
• Rust (#823A39): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#41461D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Worn Chestnut color palette (#ECF7FE, #5FA2C0, #88608B, #794516, #134C4A)
• Dusty Pewter Bloom color palette (#E7F6F3, #78AB77, #8C5B9C, #634617, #162E18)
• Aubergine Lagoon color palette (#ECF8F7, #7DA383, #2B7A9C, #693E7F, #623428)
• Antique Boulevard color palette (#E6F9FF, #B0C6D6, #8592A3, #866884, #644B56)
• Faded Field color palette (#EAF8FF, #008CA8, #7533A3, #731D00, #273700)
• Washed Iris color palette (#F6F6EC, #9BBE7D, #907EC8, #7C6628, #46423B)
• Muted Bloom color palette (#EEF8F1, #AAC9BC, #728A61, #486E6F, #3A534A)
• Petrol Harbor color palette (#F1F7F2, #D9DDEE, #809BC1, #287A8E, #47536A)

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