Muted Cocoa color palette — #FFF0F9 · #EFC0A9 · #AF6F52 · #7C3716 · #502713

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wheat (#EFC0A9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#AF6F52): A luminous, balanced orange — the color of autumn markets.
• Rust (#7C3716): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#502713): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Patina Bronze Chapel color palette (#FFEBF7, #F5BEA0, #B96E4C, #724128, #2F1325)
• Chestnut Lagoon color palette (#E6FCE7, #B3D8B8, #98773F, #684900, #4A350A)
• Antique Garden color palette (#FBF1FF, #DAC1E6, #AD7082, #7E384F, #562C39)
• Wandering Amber Delta color palette (#FFF2E9, #FECBB1, #D4875B, #945B3F, #3E3733)
• Amber Cabin color palette (#FBDDAC, #BC8726, #6D4D00, #3B2700, #1D1200)
• Ancient Denim Courtyard color palette (#FDF0FC, #BD7C7B, #6E7EA7, #645291, #473746)
• Antique Archive color palette (#F0F7F3, #CAC192, #648A4C, #7D6D00, #21322E)
• Olive Lagoon color palette (#DDEACD, #638000, #2B4000, #0B1300, #020500)

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