Muted Cocoa color palette — #FFF2EE · #E9D8C1 · #C4C48B · #D28A9A · #6D3114

Rust and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E9D8C1): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#C4C48B): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#D28A9A): A luminous, balanced red — the color of embers at dusk.
• Rust (#6D3114): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Ancient Ash Loft color palette (#FFF1F1, #F6D2CE, #EBB9A1, #C291BF, #553433)
• Celadon Basin color palette (#FFF3E7, #DEDFBF, #C5DF90, #CD9574, #49443E)
• Chestnut Meadow color palette (#FFF3E6, #DAFAC6, #DCDDC9, #DBB194, #724B00)
• Worn Amber Thicket color palette (#F8ECE3, #F3BD7B, #CB692F, #78482F, #201309)
• Soft Tangerine color palette (#FFF1E6, #E6DFAF, #F6C42C, #F16A1F, #542E00)
• Tempered Amber Terrace color palette (#F6E5D2, #DDBC87, #CE8F3C, #A26C3C, #34302A)
• Hazy Apricot Garden color palette (#F4D8CC, #EBBD86, #FD962E, #CB606D, #42170D)
• Mustard Grove color palette (#FFE8F7, #DEBE00, #FF9967, #534C47, #251D17)

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