Muted Cocoa color palette — #FFF3E6 · #CFCAB0 · #95A386 · #8E7174 · #67453F

Cocoa takes the lead with Taupe close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#CFCAB0): A whisper-light, dusty green — the color of new leaves after rain.
• Taupe (#95A386): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#8E7174): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#67453F): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged vintage, 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

• Worn Ash color palette (#FFF1F6, #CFEEE0, #82BABB, #85799D, #514455)
• Ancient Bronze Lagoon color palette (#F5F6EA, #BACBA8, #4F9E9C, #9E603C, #334B06)
• Seafoam Archive color palette (#D8EEBC, #82D6BA, #61A5BF, #9D5F52, #6F3B1B)
• Muted Teal Terrace color palette (#E1EDE2, #61B9B9, #4D86A6, #804E38, #542800)
• Tempered Petrol color palette (#DAF5F5, #92B9BD, #5F94A2, #4A6487, #4F4468)
• Driftwood Ridge color palette (#EBE4D6, #729865, #14716B, #562C42, #2F061E)
• Mint Drift color palette (#F3F1DD, #83BE82, #369D9B, #884161, #5F2B31)
• Wandering Pier color palette (#F1F9DE, #62BB81, #C07CBF, #B26E8A, #373932)

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