Muted Cocoa color palette — #FFE6F0 · #DBB7E9 · #BE84B1 · #9F6475 · #7A3B23

Bronze and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FFE6F0): A whisper-light, dusty rose — the color of strawberry cream.
• Lavender (#DBB7E9): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#BE84B1): A luminous, balanced pink — the color of peonies in June.
• Mocha (#9F6475): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#7A3B23): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged 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

• Hushed Lilac color palette (#FEF0FF, #B4C5FA, #9E92D0, #866DA0, #694349)
• Mallow Study color palette (#FFEDF0, #FBC4F5, #EE97D3, #BE7FA1, #6A4846)
• Hushed Driftwood color palette (#FFF2F0, #E8B3C7, #8BC191, #BA7390, #4C4E47)
• Taupe Villa color palette (#FFF2EF, #FCC7DA, #CB8C9B, #8D5766, #532D3C)
• Washed Coral color palette (#FFF1F0, #EEACBA, #D68C87, #9D644C, #554F49)
• Pale Field color palette (#F2E3EA, #EC84A4, #C85257, #933914, #502D01)
• Timeworn Peony color palette (#F0DDF3, #FA85CA, #E44689, #B02430, #6E2910)
• Amber Atelier color palette (#FFD4DC, #F29B8E, #CF7B59, #8F5C1C, #5A4214)

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