Hushed Cocoa Studio color palette — #F1DADC · #C59998 · #A35F6C · #6C4300 · #3C2A02

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F1DADC): A whisper-light, dusty red — the color of a theater curtain.
• Taupe (#C59998): A luminous, dusty red — the color of embers at dusk.
• Mocha (#A35F6C): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3C2A02): 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 Studio 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

• Pewter Loft color palette (#FECFE3, #B698C1, #99628A, #744335, #382006)
• Hazy Bronze color palette (#FCD7DD, #DB7D74, #A8532F, #494600, #1A2800)
• Softworn Bronze Workshop color palette (#FFEDEC, #E0AFA5, #B26E53, #7C5A10, #38362F)
• Hushed Lantern color palette (#ECE6FF, #DBAEC8, #B6808B, #865E6D, #3B4E3F)
• Worn Stone color palette (#FFE9D8, #CEA479, #8F7B46, #325C3C, #003728)
• Worn Villa color palette (#F9D9C5, #A8855E, #775E00, #114F2D, #132206)
• Worn Thicket color palette (#FFF0FD, #E6C1CA, #C2829A, #5F7B3D, #2F452F)
• Rust Field color palette (#FFE4EB, #A85258, #6F2A16, #2D2500, #0A0D00)

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