Muted Cocoa color palette — #FFF1F3 · #E3DAD1 · #CDC1B1 · #A38591 · #684B4F

Built around Charcoal Brown, softened by Heather — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3DAD1): a clean, paper-quiet neutral.
• Stone (#CDC1B1): A luminous, dusty gold — the color of afternoon light on wheat.
• Heather (#A38591): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#684B4F): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Ash Workshop color palette (#FFF0F8, #D2E1D2, #AFC5BC, #789BB3, #45536B)
• Antique Bronze color palette (#FFF2EC, #D9E1C5, #B3BFA8, #B46F56, #783921)
• Taupe Parlor color palette (#FFEEE2, #E1CCB0, #9D9673, #536C61, #483C46)
• Onyx Lantern color palette (#FFF2EF, #DABC87, #6E916A, #6A4A6A, #3E173E)
• Washed Taupe color palette (#FBF4E8, #F5E5AD, #C3C6FF, #AB995A, #583C4E)
• Taupe Villa color palette (#FFF1F1, #FFDDAA, #8BB282, #7D608E, #633C48)
• Weathered Periwinkle Balcony color palette (#FAF6E2, #C9D392, #ABB8EA, #909ED9, #3A3831)
• Muted Cabin color palette (#FFF4DB, #A1DDB9, #3CA7BE, #854C57, #53212D)

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