Hushed Cocoa color palette — #FFF2EC · #CEBFB3 · #9A977C · #866365 · #7C401E

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Stone (#CEBFB3): A luminous, dusty gold — the color of afternoon light on wheat.
• Taupe (#9A977C): A luminous, dusty green — the color of fresh herbs.
• Pewter (#866365): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#7C401E): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Wandering Chestnut Grove color palette (#F9EDD8, #C4C0A2, #6C8A70, #8B5526, #4E5200)
• Tempered Villa color palette (#FEF4DF, #D0D0B9, #9FAF88, #957E8E, #604B50)
• Cocoa Hollow color palette (#FADBBE, #A3A07A, #46807B, #79482C, #643400)
• Powdered Ridge color palette (#FFEBD0, #C8B192, #718644, #863E71, #753910)
• Patina Ash color palette (#E2F8EC, #AFD5CB, #709F9F, #5F687F, #454355)
• Weathered Pine Boulevard color palette (#FBF3F1, #CBE8E2, #70A0BC, #347F58, #604A5E)
• Weathered Garnet Lantern color palette (#EDDEC7, #7B855B, #00675A, #641B04, #332100)
• Softworn Cypress color palette (#FFF4E1, #BFBF8E, #6F9B5B, #007756, #3C563A)

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