Hushed Cocoa color palette — #FFF1F6 · #FED1DD · #DD98B4 · #A76C68 · #70370E

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FED1DD): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#DD98B4): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A76C68): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#70370E): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Softworn Taupe Lagoon color palette (#FFF1F0, #EAD5CC, #D99881, #9B774A, #5E4600)
• Patina Studio color palette (#FFEFFF, #E1D7E7, #BA9EDB, #9B6E93, #60403E)
• Peony Bloom color palette (#FFE4E7, #DDA3C7, #C5678E, #81424E, #4C2F25)
• Antique Meadow color palette (#FFDFF6, #F179A6, #CD4247, #673400, #302000)
• Timeworn Ember Pier color palette (#FFF1F7, #FFAEB7, #D36042, #884D00, #342700)
• Wandering Blush Orchard color palette (#FFF2F0, #F8D2CC, #8EDDD3, #CC7E9B, #364E30)
• Cocoa Meadow color palette (#FFF1F0, #E1DBCF, #D9B0BF, #9DBDB6, #7A3D1F)
• Quiet Rose color palette (#FFF0FC, #FFABD0, #FC5277, #A33300, #4A2900)

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