Hushed Cocoa color palette — #FFF2EB · #DFDACC · #E0BF96 · #A86E66 · #713D06

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDACC): bright and airy, almost weightless.
• Sand (#E0BF96): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A86E66): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#713D06): A full-bodied, balanced gold — the color of old brass.

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

• Pewter Field color palette (#FFEEE7, #DED9C6, #C9CC8E, #9E6179, #39332F)
• Blush Quarry color palette (#FFF0FB, #E7D8D6, #BDE1B5, #C67996, #614555)
• Wandering Coast color palette (#F8D9C2, #CE9254, #9C6F00, #701F00, #250F00)
• Weathered Orchard color palette (#FFF4DD, #B4A67D, #7D7340, #6B4B00, #3F3D36)
• Aged Honey color palette (#FFF2E7, #FABC51, #B49A2E, #A14B00, #4E3200)
• Washed Bronze color palette (#FFF6CF, #C3F6B1, #9EBD73, #8F6900, #4E4719)
• Olive Chapel color palette (#F0DFBF, #AA9C56, #677226, #4A2C00, #0D0900)
• Timeworn Basin color palette (#FDF4E9, #CAA971, #6D4915, #322D28, #1D1C0F)

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