Muted Cocoa color palette — #FFECEF · #E58F90 · #B15546 · #7E2600 · #371500

Built around Rust, softened by Brick — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFECEF): A whisper-light, dusty red — the color of late-summer berries.
• Salmon (#E58F90): A luminous, balanced red — the color of a theater curtain.
• Brick (#B15546): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#7E2600): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#371500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Bronze Loft color palette (#FFE8E0, #E19A72, #AA6200, #643E00, #2E1F00)
• Muted Plum Grove color palette (#FFE4F6, #E49BBF, #AE5272, #79253B, #4E0011)
• Hazy Quarry color palette (#FFF0FB, #DD87A6, #B35C53, #783906, #4F3900)
• Misty Shell color palette (#FFEEF0, #FFA2A7, #CA776E, #914F3A, #5E2900)
• Amber Atelier color palette (#FFEEE8, #FFC9D5, #FF9C9B, #CB724F, #361607)
• Soft Drift color palette (#FFEEE5, #CC705B, #7E5F00, #1F4D0E, #350E21)
• Worn Ember Pier color palette (#FEE7E2, #EA5B00, #904500, #4C2A00, #1A0E00)
• Pewter Archive color palette (#F8F0EE, #E1D7CD, #C8BCAC, #976472, #342927)

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