Hushed Cocoa color palette — #F8D4F2 · #BE9CB0 · #7D6F95 · #744C44 · #5A3A00

A conversation between Cocoa and Slate, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#F8D4F2): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#BE9CB0): A luminous, dusty pink — the color of peonies in June.
• Slate (#7D6F95): A full-bodied, dusty violet — the color of wild irises.
• Coffee (#744C44): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5A3A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Aged Chestnut Chapel color palette (#FFE6F4, #DEAFC1, #A07CA7, #8E4E32, #5E4700)
• Antique Cocoa Terrace color palette (#C2EADF, #98A9D3, #7878AB, #734B5D, #663A00)
• Muted Fern Loft color palette (#D5EBDC, #89A4D1, #8B6E99, #594A00, #2E2603)
• Softworn Chestnut color palette (#FBDFD9, #B48A7A, #925843, #4B4700, #34342D)
• Gentle Plum Field color palette (#F4ECFA, #BF7EB5, #B54383, #763A00, #423B00)
• Mulberry Boulevard color palette (#E6E7FF, #947FBB, #744784, #642427, #4A1B09)
• Ash Workshop color palette (#D4F4FF, #9EB6DB, #A588B2, #526D5E, #365142)
• Washed Driftwood Field color palette (#CAEDE0, #9DCBCD, #BC95A5, #778D62, #3C4D2A)

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