Muted Cocoa color palette — #ECE5E8 · #C0ADB3 · #7C9582 · #6F2D00 · #14050E

Rust and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#ECE5E8): bright and airy, almost weightless.
• Rosewood Mist (#C0ADB3): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#7C9582): A luminous, dusty teal — the color of glacier melt.
• Rust (#6F2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#14050E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Basalt Delta color palette (#E0E6E2, #A5B8B0, #74958F, #514200, #020E06)
• Garnet Atelier color palette (#F2EBF2, #BCAEB8, #9E8590, #810028, #130514)
• Garnet Drift color palette (#F1E5DF, #C4B7A5, #968F70, #792300, #291C14)
• Hushed Terracotta Bloom color palette (#FCF2F8, #D1E0DC, #A3C3B7, #A23700, #150711)
• Wandering Boulevard color palette (#E0E7E3, #7E938C, #53726E, #302A00, #000201)
• Tempered Fern Studio color palette (#DAECE1, #738041, #205100, #550201, #060900)
• Onyx Meadow color palette (#F1E1D4, #918151, #485D2D, #00314D, #0C0138)
• Aged Bronze color palette (#F7EFF2, #CDD5D7, #ABBFBD, #9E663A, #34282D)

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