Muted Cocoa color palette — #FFF0FE · #FFCCC2 · #E4A58F · #B67B5B · #6F3D01

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFCCC2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#E4A58F): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B67B5B): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#6F3D01): A full-bodied, balanced gold — the color of old brass.

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

• Ancient Bronze Summit color palette (#FFF1F1, #E2D8D0, #E2A095, #AA6325, #4C3B00)
• Aged Fern color palette (#FFF1F5, #F6D8AB, #CDB681, #9B8B4D, #504C00)
• Tempered Driftwood Quarry color palette (#FFF0FD, #FCCAEA, #E3A7C1, #BC748B, #71303B)
• Patina Shell Study color palette (#FFF1F5, #FFBEB2, #D4A183, #659889, #54414D)
• Apricot Bloom color palette (#FFE1D7, #FFB98F, #F18900, #A56A00, #443000)
• Antique Apricot color palette (#FDECF8, #ECA18E, #87757F, #5C5158, #261F25)
• Ancient Parlor color palette (#F1E6DA, #CB9500, #947900, #5C5400, #151600)
• Ember Loft color palette (#FFDED9, #D35723, #964400, #5A2E00, #070200)

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