Muted Cocoa color palette — #FFF2EB · #E8AF90 · #B3826F · #885C53 · #5B3200

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E8AF90): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#B3826F): A luminous, dusty orange — the color of sun-warmed clay.
• Pewter (#885C53): A full-bodied, 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

• Patina Bronze color palette (#FFF3E3, #D3BC82, #A48B61, #8B5E22, #403D36)
• Cocoa Lagoon color palette (#FFF2EB, #BDA18A, #946555, #7C3D25, #573400)
• Softworn Orchard color palette (#FFF2EE, #F7B47A, #A05A5F, #5B382E, #2C1E19)
• Patina Driftwood color palette (#FFF0F9, #EAC4D5, #D79C88, #B37572, #4D353D)
• Weathered Delta color palette (#FCF3EF, #FFABA0, #BF7E48, #B26961, #2D2117)
• Muted Ridge color palette (#FFEBDC, #BF7940, #984500, #642812, #231100)
• Soft Coral Balcony color palette (#FFF2EE, #EB7480, #A08F47, #70649F, #402E28)
• Timeworn Apricot Drift color palette (#FFD4B9, #EB8908, #B55B00, #823B18, #3B2300)

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