Muted Cocoa color palette — #FFF2EF · #E1DBCF · #A4BBD1 · #CB9BA6 · #773B1A

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Ash (#A4BBD1): A luminous, dusty blue — the color of deep harbor water.
• Rosewood Mist (#CB9BA6): A luminous, dusty red — the color of embers at dusk.
• Bronze (#773B1A): A full-bodied, balanced orange — the color of toasted spice.

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

• Worn Vanilla Terrace color palette (#FAF2FF, #FCF9BF, #E9D7D9, #AEABD2, #594C59)
• Timeworn Cocoa color palette (#FFF3E6, #BEE7CF, #A5D0B9, #B68487, #644700)
• Dusty Driftwood color palette (#FBF2FC, #E8D6D8, #E0B9B4, #B47C96, #584756)
• Washed Thicket color palette (#FFF2EF, #D995A0, #60A8B8, #956990, #4A3834)
• Bronze Corridor color palette (#FDF3E9, #D7C9AB, #AF977C, #A1633F, #4F4900)
• Muted Ridge color palette (#F3E7D2, #AABF85, #00B099, #9A3108, #191700)
• Washed Glacier color palette (#D3E7FF, #8EE7FF, #FFB3BB, #5C4640, #413431)
• Worn Bronze Cabin color palette (#FBF3EF, #DDD1A7, #AA6C46, #753B14, #362820)

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