Hushed Cocoa color palette — #FBF1FF · #F5BABE · #A97080 · #763E4F · #4F2632

A conversation between Coffee and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#F5BABE): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A97080): A luminous, dusty red — the color of a theater curtain.
• Coffee (#763E4F): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#4F2632): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Driftwood Boulevard color palette (#F5F3FF, #D9B9E6, #91719E, #64476E, #49304E)
• Tempered Cocoa color palette (#FFF1F6, #E8B79D, #A57554, #724125, #4E2C14)
• Weathered Bloom color palette (#FDF0FF, #FBC5CE, #D38A97, #9A5165, #522734)
• Pewter Studio color palette (#F9F3F9, #E5B1B0, #3D8D7E, #9C5656, #203134)
• Washed Chapel color palette (#F8F2FF, #C3EACD, #EAD7DA, #8689AF, #594B5D)
• Worn Pewter color palette (#FEF1F6, #A7BFAC, #967584, #6F536C, #384D45)
• Amber Parlor color palette (#FFF0F9, #C27C61, #45899E, #1E697E, #483742)
• Washed Terracotta color palette (#FFDACF, #D97551, #923400, #4A0E00, #270700)

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