Hushed Cocoa color palette — #F7DDE7 · #AA646E · #7A3E1D · #382D00 · #101100

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DDE7): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#AA646E): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#7A3E1D): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#382D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#101100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Tempered Orchard color palette (#EBD8F3, #996E96, #6F3855, #4D2709, #1C0F00)
• Hazy Drift color palette (#FFE0E0, #D88168, #8F5630, #464D00, #082600)
• Deep Chestnut Corridor color palette (#F8E8DB, #6F532A, #413500, #001A0D, #000403)
• Ancient Ash Alley color palette (#EFE8FF, #D192BA, #9B5A4F, #004F4B, #001F1D)
• Muted Bronze Veranda color palette (#FFE3DD, #CFB1A6, #AC6F47, #725906, #32322B)
• Ancient Scarlet Chapel color palette (#FFDCD9, #D45452, #84010F, #3A0004, #070000)
• Timeworn Abyss Terrace color palette (#E7EDFF, #887DA9, #76465D, #004224, #003136)
• Weathered Market color palette (#FFE3DB, #BF214C, #5D5C00, #690023, #080800)

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