Muted Cocoa color palette — #FEF4DF · #FFCED6 · #BB9E65 · #577595 · #652D03

Built around Rust, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED6): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#BB9E65): A luminous, balanced gold — the color of honey in a jar.
• Slate (#577595): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#652D03): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Hushed Courtyard color palette (#FFF3E3, #FFD2BA, #98AA7C, #86677F, #573800)
• Softworn Ridge color palette (#F5F7E5, #F0CEFF, #C89389, #597C62, #4C3A3A)
• Sand Cabin color palette (#ECF9ED, #F9C3A2, #CAA878, #719774, #583F49)
• Forest Meadow color palette (#F9F1E4, #CBA285, #8E744A, #2D5E3A, #392816)
• Patina Denim color palette (#EAFAED, #D09699, #907149, #395890, #55404E)
• Antique Shell Archive color palette (#FFF2ED, #FFB5B5, #56AAA9, #7B607F, #433146)
• Dusty Honey color palette (#FFF2E9, #F1C561, #51A57F, #6A5A83, #33322B)
• Patina Study color palette (#FFF2EE, #E0DECE, #C6C7A8, #9C8B99, #5D4B5A)

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