Muted Cocoa color palette — #FAD6D8 · #CE92A7 · #986469 · #6A4600 · #352C17

Built around Bronze, softened by Mauve — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FAD6D8): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#CE92A7): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#986469): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#6A4600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#352C17): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Taupe Meadow color palette (#F7DAD9, #D6907A, #967055, #5E5200, #3E1C2B)
• Driftwood Balcony color palette (#E1DEF8, #AC9EB9, #9D6E6D, #315A55, #1D4054)
• Tempered Coral Ridge color palette (#FFE9E9, #E57759, #925829, #3E4B16, #0D2802)
• Washed Courtyard color palette (#F6E1E8, #A3626A, #7C3930, #3B2E00, #151600)
• Hushed Petal Drift color palette (#F6F3FF, #FCBEE3, #B89687, #607656, #33442B)
• Gentle Thicket color palette (#FFEDEC, #F68282, #A43D41, #64171D, #200003)
• Feathered Marigold color palette (#FFEBE0, #DD9E49, #927A3B, #225A39, #003C2F)
• Peony Lantern color palette (#F3E0EA, #DA599C, #A73964, #71283D, #3C0F17)

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