Muted Cocoa color palette — #FFF2EA · #CB9D6B · #926752 · #7C3D26 · #403D36

A conversation between Bronze and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CB9D6B): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#926752): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#7C3D26): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#403D36): a grounded near-black with real depth.

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

• Muted Grove color palette (#FBE3D0, #BA8E4B, #8E5226, #64352F, #33302A)
• Basalt Orchard color palette (#FDF4E2, #A3AE74, #80723C, #684B2B, #3F4100)
• Dusty Driftwood color palette (#FFF0F8, #A8C8A8, #B68167, #8A595F, #2C4337)
• Muted Marigold color palette (#FDF4E4, #D0A859, #5E501D, #312E27, #1B1D10)
• Washed Study color palette (#FFF0F8, #EDC3D2, #D59E81, #B67468, #2E4330)
• Muted Mustard Orchard color palette (#FAF5EA, #C7AE37, #007E84, #6F5F0F, #1C271E)
• Worn Bronze Field color palette (#F3DCC6, #947000, #653900, #481504, #181700)
• Bronze Bloom color palette (#FCF5E3, #948100, #686AA4, #4C4D7E, #35332C)

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