Softworn Cocoa color palette — #F8E2EB · #9D666E · #7B3931 · #372A00 · #141500

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

The five colors

• Rose Water (#F8E2EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#9D666E): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#7B3931): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#372A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#141500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Softworn 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

• Basalt Ridge color palette (#EEE0F7, #856588, #6E435D, #4C2205, #231100)
• Weathered Chestnut Quarry color palette (#FFEBE3, #947055, #6D4D0B, #123711, #001C10)
• Garnet Balcony color palette (#E1E7F4, #725C87, #611A35, #00231B, #030D19)
• Aged Boulevard color palette (#FCDBD8, #C6514E, #900016, #3B0006, #070000)
• Muted Terracotta Basin color palette (#DFDDF4, #AE739D, #A54A46, #00524E, #00151D)
• Misty Courtyard color palette (#F9D6E8, #BB3279, #860042, #51001D, #1C0003)
• Muted Villa color palette (#FFDFD6, #D19486, #A66D3F, #60652D, #294118)
• Quiet Mulberry Quarry color palette (#F3DDDE, #A50037, #654700, #580084, #070001)

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