Muted Cocoa color palette — #FFE6F3 · #946644 · #6E2E00 · #410F00 · #0B0400

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#946644): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#410F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Chapel color palette (#DEF4E0, #866F2E, #593E00, #331D00, #070500)
• Hushed Chestnut Archive color palette (#F4DAE5, #A97B50, #7D4414, #531F00, #170B00)
• Hazy Garnet color palette (#FAE1EF, #C69373, #A1522C, #7C1B00, #2D1500)
• Muted Cocoa color palette (#FDEDF3, #C3A0AC, #966A46, #6D3F23, #142815)
• Midnight Garnet Canyon color palette (#D1EDE5, #374C00, #580022, #290D00, #020100)
• Pale Aubergine color palette (#DBE8F5, #00558F, #710070, #4E0020, #000207)
• Muted Coast color palette (#E8F6EC, #A9C2B4, #688D75, #406147, #1F3129)
• Muted Lagoon color palette (#D4E3E7, #008B82, #2C496E, #00403B, #000103)

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