Muted Cocoa color palette — #FFF2EB · #EDC8AE · #D59D88 · #AB7A70 · #5B3200

Cocoa takes the lead with Camel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EDC8AE): A whisper-light, dusty gold — the color of old brass.
• Camel (#D59D88): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#AB7A70): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.

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

• Taupe Terrace color palette (#FDF4E3, #DDCFAC, #B9AC7E, #9A8463, #3F3D36)
• Ancient Pewter color palette (#FFF0F9, #F4D2DF, #C78E7B, #94565D, #223826)
• Soft Courtyard color palette (#F8D7B7, #E6AB5E, #CE7F22, #A95815, #372500)
• Chalky Boulevard color palette (#F9EBE1, #C47D3B, #A85306, #7F3006, #140800)
• Dusty Summit color palette (#FFEBF7, #C79DB3, #A36149, #5F4058, #2F1C25)
• Patina Balcony color palette (#ECFAEB, #59C9C6, #C28F50, #7C8334, #282F17)
• Soft Balcony color palette (#F6EED5, #AFB978, #969339, #7B6B18, #292500)
• Hushed Bronze color palette (#E8E0D3, #967F22, #795A00, #563800, #040300)

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