Muted Cocoa color palette — #FFF2EF · #E4D9C8 · #C5CB9B · #A483A3 · #7A3C20

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E4D9C8): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#C5CB9B): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#A483A3): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#7A3C20): A full-bodied, balanced orange — the color of toasted spice.

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

• Worn Lichen Grove color palette (#FFF1F2, #E3F8C6, #E9D5CD, #A38AB3, #59423F)
• Patina Chestnut color palette (#FFF2EC, #DFDCCD, #ACADB7, #B6957F, #794413)
• Weathered Dune color palette (#FCF1FE, #E8D6D8, #ADBBB2, #D38CB0, #523E51)
• Airy Coral Basin color palette (#FFF3E8, #DEEDB3, #ADDE98, #C86E68, #553F19)
• Airy Villa color palette (#FFF1F1, #FFD8BF, #C4C13F, #B55A92, #562E1C)
• Timeworn Station color palette (#FFF2EC, #DAC46A, #9A6051, #693008, #2A1F19)
• Wandering Ridge color palette (#FFF3E6, #D5BB7B, #B18557, #6F6763, #3F3D36)
• Airy Mint color palette (#FFE9D0, #E9D06F, #7DC377, #B06657, #34312B)

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