Hushed Cocoa color palette — #FFF2EC · #BF7C72 · #737CA5 · #6C5381 · #642908

Rust takes the lead with Caramel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Caramel (#BF7C72): A luminous, balanced orange — the color of toasted spice.
• Slate (#737CA5): A full-bodied, dusty violet — the color of twilight just after sunset.
• Graphite (#6C5381): A full-bodied, dusty violet — the color of wild irises.
• Rust (#642908): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed 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

• Antique Courtyard color palette (#FFF2EC, #C3796D, #7D844C, #6A5480, #642906)
• Muted Balcony color palette (#FBEFE7, #BB876F, #3A9488, #425C96, #2D1F15)
• Dusty Driftwood color palette (#FAF5E7, #9B9250, #458D84, #7E5151, #403D36)
• Ancient Canyon color palette (#EEF9ED, #C7A478, #6EA99A, #537DAD, #344134)
• Ancient Apricot color palette (#FFF0F7, #F7B085, #9EC48B, #B38BAC, #493740)
• Muted Bronze Pier color palette (#F9F4EE, #D9DBD2, #A2B0AD, #A3793B, #585148)
• Cocoa Boulevard color palette (#FBF5E6, #B7A76B, #747D4E, #196661, #594500)
• Bronze Lagoon color palette (#F9EDDA, #8F6900, #007258, #6F2741, #332309)

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