Muted Workshop color palette — #FDF1F8 · #CCAEBB · #A97158 · #70526B · #3F4C3E

Built around Mocha, softened by Graphite — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Rosewood Mist (#CCAEBB): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#A97158): A luminous, balanced orange — the color of autumn markets.
• Graphite (#70526B): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#3F4C3E): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted Workshop 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

• Softworn Driftwood Balcony color palette (#EDF8F1, #9FC1B2, #8D804C, #4A664C, #364D47)
• Cocoa Coast color palette (#FFF2EB, #E7C39E, #B7937D, #8C6C65, #5B4400)
• Antique Garden color palette (#F9F3F8, #F0ACA9, #8E7E00, #A15251, #23322A)
• Lagoon Lagoon color palette (#FAF2FA, #C1787E, #339270, #19697E, #443944)
• Bronze Workshop color palette (#FFE7F1, #C99044, #9F5200, #782F18, #443201)
• Muted Chestnut color palette (#F9E0E8, #9F8350, #7A4900, #5A2601, #0A2B1B)
• Muted Chestnut color palette (#F2DDEA, #945522, #621F00, #3D0006, #130800)
• Patina Bronze Corridor color palette (#D8F0DE, #7F782B, #564200, #3A2200, #141900)

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