Softworn Cocoa color palette — #F9EAE4 · #AE6F6C · #602900 · #2B1913 · #110B09

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

The five colors

• Cream (#F9EAE4): a clean, paper-quiet neutral.
• Mocha (#AE6F6C): A luminous, balanced orange — the color of sun-warmed clay.
• Rust (#602900): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2B1913): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#110B09): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Rust Chapel color palette (#F9EEF8, #B56062, #4C343F, #30242F, #191417)
• Charred Rust Lagoon color palette (#F4E0D4, #AF4500, #402003, #1E0A00, #090200)
• Washed Coral color palette (#F8EEF7, #DC7C79, #66505F, #3F343E, #242025)
• Softworn Parlor color palette (#FDEFE2, #C19165, #7A9957, #A65F79, #352310)
• Aged Blush Harbor color palette (#FFF2ED, #E79494, #794610, #372621, #140D0D)
• Softworn Pier color palette (#FFE6D8, #E6AE9A, #B87651, #8D4D17, #39342F)
• Patina Bronze Cabin color palette (#F9F0E9, #D0AB8E, #B08DBD, #AB580B, #49232F)
• Shadow Fern Meadow color palette (#E8E3D1, #5F5F00, #2E383A, #192200, #080800)

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