Hushed Cocoa color palette — #FFF2EB · #E9C2A2 · #B9927C · #8A6D65 · #604100

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E9C2A2): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B9927C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8A6D65): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Stone color palette (#FEF1F9, #EED3D2, #D3A18F, #9D6B68, #364335)
• Sand Station color palette (#FFF2EC, #FFBB95, #BD985D, #777336, #2F5325)
• Washed Bronze color palette (#FFF2EB, #CBB39B, #AD6F4A, #76544E, #5C4300)
• Dusty Hollow color palette (#FFF2EF, #D9D593, #9E6E79, #63443F, #332826)
• Bronze Station color palette (#FBF5E4, #B0C88C, #96925E, #89601F, #3B4200)
• Patina Amber Cabin color palette (#F9E8D5, #B89C33, #9A6510, #713D24, #2B2404)
• Taupe Studio color palette (#FEF2EF, #FFBDBE, #99A263, #B57A7B, #2F2E27)
• Feathered Moss color palette (#F1E8D5, #899532, #735F00, #583400, #061C00)

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