Muted Cocoa color palette — #FFF3E4 · #CE9A7F · #8E714E · #456242 · #6A3A00

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Camel (#CE9A7F): A luminous, dusty orange — the color of autumn markets.
• Walnut (#8E714E): A full-bodied, dusty gold — the color of honey in a jar.
• Pine (#456242): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Amber Corridor color palette (#FFF2E9, #C68761, #7A7235, #2B603C, #5E343E)
• Muted Orchard color palette (#FFF3E6, #D7C8AF, #A0967B, #617C3D, #3E584E)
• Weathered Lantern color palette (#F3F7ED, #B9C6AD, #738967, #845D1A, #3C5717)
• Dusty Drift color palette (#ECF9ED, #FFC09E, #D8A360, #71986E, #56414A)
• Wandering Archive color palette (#F8F1E4, #CF9CA1, #967045, #2F5285, #3C261A)
• Gentle Courtyard color palette (#FFF4E1, #BF7B00, #745E00, #005339, #483000)
• Washed Atelier color palette (#E9FAED, #E7ACB1, #AF8B60, #4D70A1, #573F50)
• Bronze Dune color palette (#F1DBB3, #9A6E00, #554E00, #003D31, #2E2200)

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