Hushed Cocoa color palette — #F0E7EC · #B3A4AB · #9A727F · #5C2400 · #1D0E17

A conversation between Espresso and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F0E7EC): a clean, paper-quiet neutral.
• Ash (#B3A4AB): soft and architectural.
• Mocha (#9A727F): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#5C2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1D0E17): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Garnet Summit color palette (#E4DDE8, #B0A5B1, #8E768C, #690036, #1A0E1F)
• Patina Basalt Pier color palette (#F5EAEE, #A0AEA0, #688870, #512E00, #220A15)
• Timeworn Loft color palette (#F2E5DD, #BEB2A5, #A5936B, #8E2E00, #1D1109)
• Aged Fern color palette (#D7E4E0, #AEBDB9, #6F9793, #394C00, #05251E)
• Chestnut Basin color palette (#FFF1F6, #E5CBD2, #BBA379, #874800, #422B35)
• Amber Parlor color palette (#F1DAE1, #D26600, #A46500, #5D4800, #0E0600)
• Softworn Olive Canyon color palette (#D3E8DB, #716F26, #353C00, #371900, #111000)
• Aged Olive Loft color palette (#EFF7F4, #CDDDDF, #A1B9B4, #646A00, #303E38)

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