Muted Cocoa color palette — #FFF0F9 · #C7B0DD · #A17095 · #874960 · #74342E

Built around Rust, softened by Coffee — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#C7B0DD): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#A17095): A luminous, balanced pink — the color of a candy shop window.
• Coffee (#874960): A full-bodied, balanced rose — the color of pressed rose petals.
• Rust (#74342E): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Station color palette (#FFF1F3, #DEAABD, #A96F70, #844F33, #644100)
• Aged Plum Hollow color palette (#FFF1F4, #E7C1E2, #C78EB4, #A24D79, #732A43)
• Aged Cypress color palette (#F8F6E6, #A7A0D3, #95677D, #1F6759, #593F47)
• Hushed Garnet color palette (#EAF8FF, #A2BEED, #7D7CAF, #68497C, #672F53)
• Terracotta Study color palette (#F8D5FF, #CC7AA0, #9D444A, #722700, #412900)
• Patina Study color palette (#FFF0F8, #DBC1C2, #A98C80, #667664, #3B5751)
• Pale Ridge color palette (#FAE6F6, #B84D6E, #850601, #421D00, #201400)
• Wandering Driftwood color palette (#FFEDEE, #9B6994, #493834, #312526, #1A1313)

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