Hushed Cocoa color palette — #FFEBF6 · #C99DAF · #986852 · #6E3C37 · #162816

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

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C99DAF): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#986852): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#6E3C37): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#162816): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Bronze Ridge color palette (#FEECF3, #96B598, #936C48, #624054, #10291A)
• Tempered Archive color palette (#F5D6E5, #B79068, #8D5531, #622B1F, #041E0B)
• Muted Taupe Archive color palette (#FFF0F9, #CBE5C9, #C78F78, #8C5B63, #1F382B)
• Softworn Bronze Pier color palette (#D0F3DF, #9EA765, #796C19, #583E00, #122100)
• Cocoa Meadow color palette (#EEDEE3, #8C6B34, #643700, #3E1400, #080500)
• Worn Cerulean color palette (#E6F4FF, #2E90C2, #A85B5B, #684D00, #061C2B)
• Powdered Market color palette (#E2EEFF, #98A8E7, #7A6BA8, #5F3671, #44003B)
• Timeworn Denim color palette (#E7F4FD, #C7B082, #235C74, #0B2A3C, #010E18)

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