Hushed Cocoa color palette — #FFF0F7 · #F2D8FF · #D596C2 · #A76F7A · #6F3216

Rust takes the lead with Mauve close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Thistle (#F2D8FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#D596C2): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#A76F7A): A luminous, dusty red — the color of late-summer berries.
• Rust (#6F3216): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Tempered Boulevard color palette (#FFECEF, #CDA2C7, #AA6F99, #7F3D66, #4B2524)
• Coral Workshop color palette (#FFF1F2, #F0D4CD, #E99992, #A2775C, #6E4600)
• Weathered Archive color palette (#F5F3FF, #F9C8F5, #E2A7D2, #BF85A5, #574662)
• Tempered Dune color palette (#FFF0FB, #FF96BA, #DD5C57, #854314, #422500)
• Crimson Archive color palette (#FCD0FF, #FF7FBC, #D23C62, #842303, #2C1200)
• Fern Market color palette (#FFF1F2, #FFD1D7, #98DCC4, #BC86AB, #35500F)
• Antique Peony Atelier color palette (#F8F2FF, #FFA3EA, #FC5189, #AC3628, #522300)
• Tempered Workshop color palette (#FFE4E2, #FF9B6D, #B96900, #695200, #252800)

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