Muted Cocoa color palette — #EEF1FF · #B6DDFF · #FFB6A0 · #7A401A · #352E2A

Bronze takes the lead with Melon close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Powder Blue (#B6DDFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Melon (#FFB6A0): A whisper-light, balanced orange — the color of autumn markets.
• Bronze (#7A401A): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#352E2A): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Linen Seafoam Drift color palette (#D4E6FF, #5AFDC4, #FFC6A5, #90592A, #372F29)
• Washed Dune color palette (#FDD9DC, #B0CBFF, #FFA473, #683500, #322B26)
• Mallow Terrace color palette (#E2EAFF, #8DE7FF, #FFACDF, #604849, #3A2E2E)
• Cocoa Lantern color palette (#FDF3EC, #D8D3A5, #9C735B, #723E09, #322923)
• Hushed Basalt color palette (#FFE8E6, #D2CED9, #A1969A, #574655, #262125)
• Blush Grove color palette (#CFE6EC, #FFB6C9, #E87598, #532332, #2F1D1A)
• Hushed Apricot Bloom color palette (#FFF3E8, #D69D6C, #7B9FC4, #5A7EA1, #5A3200)
• Tempered Teal Boulevard color palette (#FBF3EF, #F7C4B0, #48ADAF, #B87B64, #273127)

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