Hushed Cocoa color palette — #F6EDF2 · #CDAFBC · #A4848E · #702E02 · #2B1923

Built around Rust, softened by Heather — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F6EDF2): bright and airy, almost weightless.
• Rosewood Mist (#CDAFBC): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A4848E): A luminous, dusty rose — the color of a warm blush.
• Rust (#702E02): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2B1923): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, 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 Garnet color palette (#E7E1E9, #C1B4C3, #9E849C, #761B44, #251A2A)
• Cocoa Terrace color palette (#F0E6EC, #BFAEB4, #7D9481, #742700, #14050F)
• Tempered Cocoa color palette (#E6F0E7, #ADBEB1, #7A9686, #5C3E00, #182219)
• Dusty Chestnut color palette (#EBE3DF, #CDC2B8, #B4A286, #92492B, #2A1B12)
• Tempered Fern Terrace color palette (#E4F2ED, #B7D3CD, #85A9A4, #495E00, #23312D)
• Spruce Ridge color palette (#E6F0EA, #8AA096, #507B6E, #312B00, #020C06)
• Patina Boulevard color palette (#FBF2F6, #E6D7D5, #B6C6C2, #8D6878, #4E4549)
• Ancient Rust Cabin color palette (#F0E6EC, #B5C9C2, #91B0B1, #CA5839, #2A1825)

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