Softworn Cocoa color palette — #FCE0D3 · #739E87 · #32715F · #6B2C22 · #391100

Rust takes the lead with Teal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#FCE0D3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Eucalyptus (#739E87): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#32715F): A full-bodied, dusty teal — the color of sea glass.
• Rust (#6B2C22): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#391100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, 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

• Cocoa Quarry color palette (#F3E0E6, #83AB95, #527B80, #733726, #41242F)
• Antique Orchard color palette (#E7DFC4, #628F6C, #185A6B, #532110, #250600)
• Weathered Petrol color palette (#E8E8D4, #58A384, #1C7C99, #514000, #292300)
• Worn Pine color palette (#FBDDF6, #A9956A, #477443, #4F2A4B, #2C1029)
• Patina Forest Workshop color palette (#E6F2E7, #88955A, #006734, #4B3400, #101400)
• Worn Aubergine Harbor color palette (#F2F3D0, #8DC8AC, #569D9C, #694284, #41192E)
• Dusty Studio color palette (#E0F8F2, #B5CFD3, #7C92A7, #577061, #2F4337)
• Wandering Emerald Parlor color palette (#DEEACC, #439A50, #006C54, #003D3C, #00181F)

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