Hushed Cocoa color palette — #DFE7FF · #989DBF · #777294 · #7C4341 · #58390A

Coffee and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#DFE7FF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#989DBF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#777294): A full-bodied, dusty violet — the color of twilight just after sunset.
• Coffee (#7C4341): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#58390A): A deep, shadowed, dusty gold — the color of old brass.

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

• Washed Pewter Atelier color palette (#DBF5FB, #8BACC8, #6F6B9C, #54481A, #072D21)
• Dusty Mulberry Atelier color palette (#CCE0F7, #8DA1C6, #6F6C9C, #7B425D, #503854)
• Wisteria Delta color palette (#EFE2FA, #C184BE, #985377, #763500, #543300)
• Washed Chestnut Chapel color palette (#E9ECFF, #BEBCD4, #8D82A1, #83574A, #634150)
• Timeworn Garnet color palette (#DEDBF4, #937BA6, #6C4A67, #681F13, #481D00)
• Dusty Study color palette (#DEEBDF, #8BBAD8, #A68095, #6F6338, #4F4000)
• Hushed Powder color palette (#B9EEE0, #AAC3F0, #C59DB4, #A17472, #553832)
• Aged Corridor color palette (#FFE8F8, #D79FB4, #9D696E, #7B5500, #554B1F)

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