Muted Cocoa color palette — #FFE6F3 · #A7687A · #7D3C3F · #453200 · #2A2500

A conversation between Rust and Mocha, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A7687A): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#7D3C3F): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#453200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2A2500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Muted Garden color palette (#FFEAE9, #AA6652, #78471C, #323B00, #002A1F)
• Hushed Harbor color palette (#E8E1F9, #91739A, #78476F, #542B1E, #2E2300)
• Dusty Garnet color palette (#E2ECFF, #77789B, #74374C, #003427, #001318)
• Ancient Studio color palette (#FCE6E3, #D48E95, #C66854, #736000, #2C2501)
• Dusty Abyss Hollow color palette (#E9E7FE, #B289A7, #8D5B58, #00504D, #002F3A)
• Hushed Chapel color palette (#F1DCDD, #D88A7A, #935834, #4D501A, #004730)
• Wandering Delta color palette (#FBE2ED, #BF3A74, #910042, #5F0021, #3E000C)
• Garnet Pier color palette (#FFEAE9, #CA585A, #81001B, #360006, #180001)

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