Muted Cocoa color palette — #FFF2EF · #E1DACF · #9DB5AE · #BF9FC2 · #6E3212

Rust and Mauve set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Ash (#9DB5AE): A luminous, dusty teal — the color of glacier melt.
• Mauve (#BF9FC2): A luminous, dusty pink — the color of neon signs at night.
• Rust (#6E3212): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: 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

• Coral Courtyard color palette (#FFF3E7, #C1E5CE, #BDBBC5, #D4776F, #4E3B14)
• Worn Blush color palette (#FFEFFF, #E9D5D9, #EA9AAE, #A8B4CB, #564255)
• Taupe Bloom color palette (#FFF3E6, #EDDAB9, #BB966C, #8A5F4D, #33322B)
• Linen Garnet Balcony color palette (#F5D8C8, #DCB975, #7A9D5C, #7B1A31, #020100)
• Ancient Meadow color palette (#FFF2E9, #F39964, #69A6CB, #3B7A9E, #351F0D)
• Tempered Orchard color palette (#FAF1FF, #E9D7D8, #E9C589, #9D6F9C, #5B495A)
• Peony Delta color palette (#FFF2F0, #E1DECF, #DDE276, #D1619C, #471B08)
• Airy Chestnut Drift color palette (#FFF4E1, #CCEBAC, #6BD1B4, #904F00, #1A1300)

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