Hushed Cocoa color palette — #FFF2EF · #E1DBCF · #C3C8A6 · #AA8387 · #7F4027

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Pistachio (#C3C8A6): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#AA8387): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7F4027): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Muted Summit color palette (#FFF1F2, #E2D7D1, #ABB5C1, #A58492, #594846)
• Worn Drift color palette (#FEF3E7, #C3B98A, #A3773A, #854E20, #534800)
• Washed Mustard color palette (#FFF2EC, #E2DCC3, #BDB856, #9F5370, #4C4641)
• Emerald Terrace color palette (#FDECE0, #C1AD65, #4FA856, #7C352E, #2E2000)
• Antique Lagoon Field color palette (#FBF4EE, #EBB28C, #5A8C57, #945E38, #2E2F25)
• Weathered Veranda color palette (#FFF2E9, #C67B4E, #6081AA, #466183, #5D3000)
• Misty Amber Chapel color palette (#FFE5E6, #D38051, #766800, #511941, #1F0B00)
• Quiet Corridor color palette (#F7E6C9, #93A64F, #009171, #662800, #1F1B00)

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