Hushed Cocoa color palette — #F2F3FF · #D9D5F5 · #BDAED3 · #AD869E · #6C4555

A conversation between Charcoal Brown and Dusty Rose, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F3FF): bright and airy, almost weightless.
• Thistle (#D9D5F5): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#BDAED3): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#AD869E): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#6C4555): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Wandering Cocoa Garden color palette (#FFDEF3, #B9AEDB, #99757D, #745950, #592500)
• Washed Ridge color palette (#F8EEFF, #E4D0E7, #C7AAC2, #A99667, #345749)
• Aged Lilac Quarry color palette (#DFE7FF, #CFC5FF, #B598EC, #A171D0, #584066)
• Frosted Cocoa Grove color palette (#EEE6F7, #B286B8, #A55786, #843800, #2D1700)
• Hushed Abyss color palette (#EAF8FF, #B6CBDC, #939BB5, #5E8771, #225853)
• Bronze Basin color palette (#EEDCEE, #E2A5C9, #D77F95, #A86600, #4E3A00)
• Ancient Villa color palette (#E1FDEF, #FFD8F2, #CEA1A7, #817B32, #535707)
• Pale Courtyard color palette (#F5F3FF, #F0C9FA, #CC95DA, #A467B2, #431F49)

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