Hushed Cocoa color palette — #F7DAE5 · #986269 · #793D34 · #3F3300 · #0E0F00

Rust takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7DAE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#986269): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#793D34): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3F3300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0E0F00): 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 Chestnut color palette (#FEE7E0, #986544, #784900, #203C00, #001A09)
• Driftwood Drift color palette (#F8EBF7, #A8678C, #76404E, #3A1F00, #050300)
• Garnet Lantern color palette (#ECEEFF, #73557B, #642B35, #00281F, #001113)
• Driftwood Market color palette (#E0E0F5, #9F709D, #955558, #1E5556, #001A0E)
• Bronze Canyon color palette (#F2DDD4, #BC8F79, #936426, #3D5623, #002E14)
• Faded Garden color palette (#FFE9ED, #C1526C, #830037, #390015, #060001)
• Nightshade Workshop color palette (#F8E4EE, #961B6C, #793800, #3600A9, #060003)
• Patina Fern color palette (#F3E3E5, #D79A95, #AE755E, #655D00, #2F3D10)

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