Muted Cocoa color palette — #FEF0FB · #C3AB7B · #744138 · #3F2339 · #261519

Coffee takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
• Camel (#C3AB7B): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#744138): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#3F2339): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#261519): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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 Pewter Delta color palette (#FFF2ED, #BCCC99, #9B5E5F, #643133, #2E1D17)
• Hushed Chestnut Study color palette (#EFF8EF, #C4AB78, #6A4B09, #18361D, #0E201C)
• Tempered Lantern color palette (#FCF2F7, #D99F85, #717519, #8F4A29, #132921)
• Coral Studio color palette (#FEF2ED, #EBD29F, #CC7C6E, #82564E, #2A1F1A)
• Amber Study color palette (#F8DBE9, #B88A00, #5D2B00, #2E1100, #0E0700)
• Muted Coast color palette (#FFF0FA, #B46B54, #008378, #185784, #412B3A)
• Charred Chestnut Atelier color palette (#E2F1E1, #785900, #282330, #1F1100, #040200)
• Muted Bronze color palette (#FBF2F5, #D0D9DB, #ADC2C1, #916C46, #4F4448)

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