Softworn Cocoa color palette — #F3EBE4 · #BCB2A3 · #998C6D · #643700 · #140700

A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F3EBE4): bright and airy, almost weightless.
• Stone (#BCB2A3): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#998C6D): A luminous, dusty gold — the color of old brass.
• Bronze (#643700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#140700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Dune color palette (#F7EBE8, #C1AFA6, #A98569, #7E0B2B, #130705)
• Worn Bronze Garden color palette (#E8E4DD, #A5A091, #877E34, #473200, #080300)
• Worn Cocoa Canyon color palette (#E8DAE0, #A9C0B0, #73978E, #6B3300, #2A1922)
• Chestnut Boulevard color palette (#F6F1E8, #DAD4B9, #AEAF86, #6C5A00, #211907)
• Bronze Thicket color palette (#F6F1EB, #D7D9CE, #B8C3AB, #936D38, #312B24)
• Aged Navy Parlor color palette (#FFEACE, #838252, #3A5F32, #062C5A, #26091A)
• Worn Forest color palette (#F5F0DE, #608547, #005226, #491800, #030A00)
• Tangerine Atelier color palette (#FCEED8, #F8730B, #9B7500, #486300, #090700)

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