Hushed Cocoa color palette — #FFF1F4 · #D7B6E7 · #D9A486 · #A17BB4 · #723E09

Bronze and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D7B6E7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Camel (#D9A486): A luminous, dusty gold — the color of old brass.
• Dusty Rose (#A17BB4): A luminous, balanced violet — the color of a velvet chair.
• Bronze (#723E09): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Dusty Iris color palette (#FEF0FC, #ACC4F5, #DB9DAE, #6F8BC8, #64443F)
• Wandering Hollow color palette (#FFF1F1, #E9B1CB, #8FB4E3, #B47793, #5B445C)
• Washed Lilac Thicket color palette (#F4F4FF, #F5D1E7, #FFB995, #AD87CB, #573D4B)
• Patina Pier color palette (#FFF1F5, #BFA4CF, #91A06B, #895DA3, #584E00)
• Antique Taupe color palette (#FFF1F3, #E3D7D2, #9DB1A0, #BD8F9E, #60484B)
• Aged Bloom color palette (#FFF1F8, #C0BEEF, #69C3BD, #8882C6, #3C5538)
• Driftwood Lantern color palette (#FFF2EF, #EEC9AB, #9D6E7A, #604641, #332927)
• Ash Pier color palette (#FFF1F3, #ECC8F1, #BC90BE, #7D5A80, #4F2730)

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