Muted Cocoa Canyon color palette — #FFF1F6 · #BEAF6A · #784206 · #462403 · #2A1E23

Bronze takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#BEAF6A): A luminous, balanced green — the color of fresh herbs.
• Bronze (#784206): A full-bodied, balanced gold — the color of old brass.
• Espresso (#462403): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2A1E23): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted Cocoa Canyon 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 Market color palette (#FBF1FE, #9DB984, #7E354D, #491D2B, #251F28)
• Timeworn Terrace color palette (#EBF9F1, #C8A97A, #5D5200, #0C3724, #10201F)
• Softworn Chestnut color palette (#FBF2F6, #DD9F6D, #008361, #8E4C00, #12282A)
• Patina Sand Quarry color palette (#FDF3EA, #E6D4A0, #B38C69, #7D5B3C, #292017)
• Ancient Mustard color palette (#FFF1F6, #E1C078, #93673B, #553943, #2C1C22)
• Weathered Amber color palette (#D2EDD8, #B98900, #4B3800, #231900, #000F0D)
• Chestnut Chapel color palette (#D0E8DE, #845200, #292730, #141600, #020300)
• Worn Pine color palette (#FFF0FA, #B6914E, #1A7D4E, #613D6F, #264438)

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