Softworn Cocoa color palette — #FBEFEE · #A36784 · #622A00 · #352322 · #1B1312

Built around Rust, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FBEFEE): bright and airy, almost weightless.
• Mocha (#A36784): A full-bodied, balanced rose — the color of strawberry cream.
• Rust (#622A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#352322): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1B1312): a grounded near-black with real depth.

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

• Bronze Grove color palette (#FEEEE6, #AE6852, #403C36, #34251C, #1B140F)
• Washed Blush Courtyard color palette (#FFEDEB, #CC81A1, #6E5046, #423433, #262020)
• Muted Blush Parlor color palette (#F7EEFE, #F98FC2, #887581, #58515E, #212127)
• Charred Plum color palette (#FCDBD2, #BC1B4B, #432100, #2E0911, #120502)
• Inked Basalt color palette (#EFE1D2, #475651, #533000, #19231E, #080900)
• Charred Terracotta Thicket color palette (#F3DBD1, #9E0F22, #374137, #271500, #160300)
• Hushed Petrol color palette (#FFF3E8, #BA8D6C, #2E9C96, #0B7D98, #47413C)
• Nocturne Garnet color palette (#FFE2DD, #4F4400, #590029, #211B09, #0B0200)

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