Muted Cocoa color palette — #FFF2EB · #DFDACD · #CEC898 · #A38173 · #743D0E

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDACD): a clean, paper-quiet neutral.
• Pistachio (#CEC898): A whisper-light, dusty green — the color of fresh herbs.
• Caramel (#A38173): A luminous, dusty orange — the color of toasted spice.
• Bronze (#743D0E): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Antique Bronze color palette (#FCF5E2, #C5EEC7, #B3CCA3, #9E7C38, #5F4D00)
• Aged Taupe color palette (#FFEDD9, #E2C187, #A29A55, #88542F, #37322C)
• Timeworn Ash color palette (#FFF0FB, #C3F0E7, #E7D7D6, #B59AB9, #5B4B55)
• Chalky Moss Terrace color palette (#F2E9D6, #C7C25D, #72921F, #624600, #242000)
• Chestnut Alley color palette (#FFF2ED, #DFDECD, #E0ACD5, #B6BCC8, #7C431A)
• Amber Parlor color palette (#F7E6DB, #C57A32, #8C6300, #511000, #140500)
• Tempered Amber Chapel color palette (#FDF4E6, #AE8B3A, #4F8E73, #2F6A6B, #413C36)
• Chartreuse Ridge color palette (#E9FFCA, #92EC7D, #4CC586, #656B00, #284615)

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