Muted Cocoa color palette — #F4F2E4 · #7F8E51 · #A55B6D · #83381D · #1E1A05

Rust takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F2E4): bright and airy, almost weightless.
• Moss (#7F8E51): A luminous, balanced green — the color of a quiet forest floor.
• Mocha (#A55B6D): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#83381D): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1E1A05): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged 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

• Antique Canyon color palette (#F2F3E8, #5F9352, #914249, #5F2F00, #191200)
• Chestnut Ridge color palette (#F1F3E8, #77A17E, #AF7060, #7F531F, #212512)
• Washed Mulberry color palette (#FDEFDF, #AC7C36, #8A639B, #852A5C, #241706)
• Lagoon Atelier color palette (#E5FAFC, #009779, #A65748, #75461B, #19383B)
• Muted Bronze Delta color palette (#E6F9D9, #009177, #9B5800, #5A4700, #001913)
• Antique Alley color palette (#E5F6F1, #568BBB, #975C97, #80354D, #002019)
• Muted Rust color palette (#E6FBF4, #83B8E7, #A592CC, #AC5640, #012C23)
• Brick Canyon color palette (#E1E3C9, #2B8000, #AD0119, #5E2C00, #020F00)

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