Muted Cocoa color palette — #F2E1F9 · #B68AAD · #915470 · #6B3500 · #2D1B00

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

The five colors

• Blush (#F2E1F9): A whisper-light, dusty pink — the color of peonies in June.
• Dusty Rose (#B68AAD): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#915470): A full-bodied, balanced rose — the color of a warm blush.
• Bronze (#6B3500): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Cocoa Bloom color palette (#F2EAFE, #AF9DB9, #836984, #59441D, #133625)
• Airy Garnet Garden color palette (#DADDEF, #A093DA, #7D5A96, #7E002C, #410A00)
• Timeworn Cocoa Harbor color palette (#FBDAE5, #A36A6C, #764035, #3A3000, #121600)
• Pewter Terrace color palette (#F0F0FF, #CAC4DE, #968AA4, #7D6070, #4E323D)
• Dusty Orchid color palette (#DCDEFF, #B39FD6, #AD68BE, #9B3B3D, #643018)
• Quiet Ridge color palette (#D0F3FD, #7097CC, #81569D, #4C5100, #004428)
• Worn Cocoa Market color palette (#FFE0DA, #8F5842, #5E3300, #1A2900, #000901)
• Iris Coast color palette (#D5FFFF, #9FCEF3, #9685D8, #6A5D00, #033B07)

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