Hushed Cocoa color palette — #FFF2EB · #DCC6B0 · #B8927C · #906A63 · #5C4300

Built around Bronze, softened by Taupe — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DCC6B0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B8927C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#906A63): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

• Cocoa Veranda color palette (#FFF2EB, #F4D2B5, #DCA895, #AF8879, #643E00)
• Wandering Pier color palette (#FFF0F8, #E2C2EA, #C388A1, #9F5C55, #6A3D00)
• Basalt Pier color palette (#FAF5E6, #C0C09E, #96925C, #81623E, #324500)
• Stone Summit color palette (#FDF1F9, #EDD4D0, #DC9D88, #86728C, #35433A)
• Chestnut Dune color palette (#FFF0F9, #CCAEBB, #A17464, #7F4E4C, #3F4C3E)
• Wandering Bronze Coast color palette (#F5E0C8, #A9A06B, #9A6517, #753929, #1B2A00)
• Timeworn Oat color palette (#FBF2F8, #BEDBB2, #95708A, #5C4455, #342730)
• Timeworn Cocoa Cabin color palette (#FFEADC, #A27330, #893400, #5B0A23, #0E0B00)

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