Muted Cocoa color palette — #F6EAF1 · #BB9AA4 · #6F8F7C · #772600 · #10050C

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

The five colors

• Blush (#F6EAF1): bright and airy, almost weightless.
• Taupe (#BB9AA4): A luminous, dusty rose — the color of pressed rose petals.
• Eucalyptus (#6F8F7C): A luminous, dusty teal — the color of glacier melt.
• Rust (#772600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#10050C): A deep, shadowed, dusty pink — the color of peonies in June.

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 Thicket color palette (#E5F0E4, #8FAD9D, #718D86, #5F3D00, #020C03)
• Cocoa Chapel color palette (#F8EDE6, #C4B8AC, #A28F71, #652500, #030100)
• Garnet Drift color palette (#EEE9F2, #B09EAE, #9D7A8C, #73214B, #0D0611)
• Terracotta Pier color palette (#E8DCD5, #A3A28F, #818D73, #AA3600, #130501)
• Onyx Alley color palette (#F2EAEF, #929D92, #557A6B, #501100, #13030F)
• Chestnut Atelier color palette (#EAF2EB, #B3CBC0, #82AFA9, #7B5B00, #152318)
• Weathered Bronze color palette (#F1F7F1, #CDDDDD, #AEC3C7, #9D7946, #343E34)
• Softworn Olive Chapel color palette (#D8EDDE, #6C7E00, #005514, #441B31, #050700)

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