Muted Cocoa color palette — #FFF2EF · #E9D0D2 · #EDBA9E · #CBB972 · #6E3A03

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Silver (#E9D0D2): A whisper-light, dusty red — the color of a theater curtain.
• Sand (#EDBA9E): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#CBB972): A luminous, balanced green — the color of fresh herbs.
• Bronze (#6E3A03): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Mint Delta color palette (#FDF3E9, #BFEAC4, #DDD4CB, #81BD90, #624300)
• Worn Apricot color palette (#FFF1F3, #DAD3DC, #B8B4A2, #DD9C7D, #563B37)
• Basalt Lantern color palette (#FFF1F3, #E1CBC4, #B4A48F, #877986, #5A4759)
• Gentle Villa color palette (#FFF2EA, #FFC4ED, #FF9F8D, #A8AC00, #533200)
• Fern Coast color palette (#F8F5ED, #D1D4B8, #8FA381, #90757A, #4F5200)
• Tempered Driftwood Balcony color palette (#FDF3EA, #E7BB8F, #7EB9DF, #B08252, #2B5749)
• Frosted Mustard color palette (#FFF6CF, #FFAD9B, #C9BB00, #00AAA2, #093400)
• Quiet Scarlet Summit color palette (#F4E2DA, #D357C9, #E30327, #6B5E00, #070100)

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