Softworn Cocoa color palette — #FEF3E5 · #E7D7BC · #CCB18C · #A68D72 · #5C4300

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

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#E7D7BC): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CCB18C): A luminous, dusty gold — the color of old brass.
• Caramel (#A68D72): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Ancient Bronze Courtyard color palette (#FBE3D1, #E4B793, #C49172, #A06A55, #342F2A)
• Washed Canyon color palette (#EEF9EE, #C1E4E0, #C5A983, #936D81, #2D453D)
• Bronze Thicket color palette (#F5DFCB, #C69454, #AB6C28, #864716, #211300)
• Aged Driftwood Thicket color palette (#EAF5EB, #A4C5AC, #9B7D4F, #6E4D58, #233027)
• Timeworn Mustard color palette (#F8EED4, #CDCD7B, #B6A53B, #9B7B0A, #37362F)
• Patina Taupe color palette (#EEF8F3, #86C9E3, #B0A86A, #68976D, #273526)
• Worn Powder color palette (#FFF0FA, #B1BFFD, #E1A2B7, #6BA6A5, #473842)
• Softworn Bronze color palette (#EFE7D9, #93801B, #765C00, #543A00, #040400)

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