Muted Cocoa color palette — #FDF3ED · #C6AB71 · #823817 · #332C28 · #211A0E

Rust and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Camel (#C6AB71): A luminous, balanced gold — the color of old brass.
• Rust (#823817): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#332C28): quiet, heavy and certain.
• Ink (#211A0E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Timeworn Chestnut color palette (#FBF4EC, #D4BC97, #7C5514, #3C3832, #27261E)
• Weathered Marigold color palette (#FBF5E6, #C59B39, #554700, #2E2600, #121502)
• Wandering Amber Dune color palette (#FFF0F8, #F7CD9B, #C08567, #805844, #2C1C25)
• Chestnut Harbor color palette (#E7DDCC, #785900, #243031, #1C1300, #040200)
• Weathered Amber Parlor color palette (#FFF4E2, #BA9033, #5C741A, #234F81, #403D36)
• Timeworn Bronze color palette (#FFF2EA, #C1642B, #008183, #355286, #38312D)
• Weathered Olive color palette (#FFF0DF, #C6AF6A, #847E00, #435C00, #004C13)
• Patina Bronze color palette (#E6E5D6, #9A7300, #1A2D00, #111C18, #050C00)

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