Muted Cocoa Market color palette — #FFF2ED · #EDCFCE · #E7BC9B · #C4B675 · #6E3709

Bronze and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#EDCFCE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#E7BC9B): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#C4B675): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#6E3709): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Muted Cocoa Market 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 Villa color palette (#FFF1F1, #E1DBEE, #FFBDD1, #D2A67A, #64433C)
• Timeworn Basalt color palette (#FFF1F4, #E1C9C2, #BCAE9E, #8F7988, #5F4858)
• Ancient Mint Orchard color palette (#FEF4E5, #ECE1A0, #DDD4CB, #8EC699, #46433C)
• Weathered Amber color palette (#FFF2EE, #F3B5A6, #BF8D5A, #8A743E, #5B4D00)
• Moss Alley color palette (#FFF2EA, #FFC0E1, #FFAF88, #79A700, #482700)
• Antique Hollow color palette (#F9F5E9, #CED5B4, #8BA482, #907579, #4A5303)
• Patina Amber color palette (#FFF3E4, #DFBE91, #83B8E0, #AF8343, #25584A)
• Timeworn Mustard color palette (#FCF9C2, #FFBF9A, #C3B800, #00A6A1, #00330E)

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