Hushed Cocoa color palette — #FFF2EE · #E0DACE · #D7ADAB · #A5B9D4 · #7C3D24

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Rosewood Mist (#D7ADAB): A luminous, dusty orange — the color of autumn markets.
• Ash (#A5B9D4): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#7C3D24): A full-bodied, balanced orange — the color of autumn markets.

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

• Patina Cocoa Summit color palette (#FFF2EA, #DDFACA, #DEDCCC, #E6B2AF, #714101)
• Vanilla Villa color palette (#FCF1FF, #FFF6CD, #E9D7D8, #AFAED1, #554A54)
• Worn Driftwood Atelier color palette (#FAEDF9, #EAD1D5, #DEB5B6, #9A809F, #493A46)
• Cocoa Garden color palette (#FBF4EB, #E9D7B8, #D3AF7E, #AC8B6E, #584500)
• Softworn Station color palette (#FEF3E9, #F6B180, #56C8DD, #8998C7, #423C37)
• Antique Lantern color palette (#FFF2EC, #FED95F, #E3DAC5, #F58CA0, #4D4642)
• Worn Celadon Studio color palette (#D5E6FF, #B8F090, #FFC5AE, #8E542C, #3D3530)
• Aged Bronze color palette (#FBF3EE, #F2DAB4, #CA8F6F, #965E31, #342921)

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