Softworn Cocoa color palette — #FBF4EA · #E8D7BB · #CCB18D · #AD8B64 · #5B4400

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Wheat (#E8D7BB): A whisper-light, dusty gold — the color of old brass.
• Sand (#CCB18D): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AD8B64): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Weathered Taupe Parlor color palette (#F4F7EC, #9CD2A8, #DDA899, #BB915F, #3C3E37)
• Ancient Bronze color palette (#F7E1CB, #C2965B, #B06900, #894500, #1F1400)
• Timeworn Bronze Courtyard color palette (#F3E5DA, #DCBA9B, #D08B5E, #AF6241, #342F2A)
• Worn Stone color palette (#EEF8EF, #B8ECE9, #C5AA80, #956C81, #33433E)
• Muted Driftwood Ridge color palette (#E7F7E9, #A1C6AB, #977F55, #495F47, #203027)
• Hushed Studio color palette (#F8EED4, #CBCD8D, #B6A624, #9A7C00, #323A06)
• Weathered Terrace color palette (#F7EBD5, #8E813D, #755C00, #543A00, #040400)
• Teal Harbor color palette (#F1F7EF, #E4E0B8, #68ADA4, #5B7554, #272E24)

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