Muted Cocoa color palette — #FFF1E1 · #DDC7AE · #A2A083 · #996B85 · #733F0B

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#DDC7AE): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A2A083): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#996B85): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#733F0B): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, 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

• Cocoa Boulevard color palette (#FEF4E4, #DCD6C5, #A5B79C, #9E806E, #664600)
• Bronze Garden color palette (#FAF4ED, #CFC49E, #709D6C, #95672C, #514100)
• Timeworn Spruce Canyon color palette (#E9E7D1, #A7AD86, #51909A, #7C5730, #2C3D00)
• Aged Bloom color palette (#E8EAD8, #869B77, #3B7691, #574700, #103309)
• Softworn Alley color palette (#F8E2D2, #A8AE6E, #41998B, #A33B20, #61350E)
• Muted Seafoam color palette (#E4FEE3, #B2EDCF, #92C1D2, #897B96, #524A5A)
• Washed Balcony color palette (#F4E4D7, #8F8B52, #006C54, #6C2229, #2C1100)
• Powdered Blush color palette (#EEFAE3, #55BA9B, #D9748F, #BB624C, #2E3E1D)

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