Softworn Cocoa color palette — #FFEFDD · #E5C69F · #A37B4A · #6D4600 · #2F1B00

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

The five colors

• Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E5C69F): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A37B4A): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#6D4600): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2F1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged monochrome, 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

• Softworn Bronze Quarry color palette (#FFF1F5, #E7C295, #A97329, #6E4A0F, #223C23)
• Muted Fern color palette (#F8F3D6, #D8D1A8, #7A8C4B, #495700, #1C2400)
• Washed Orchard color palette (#FFEEE7, #EBB6B1, #B06F6A, #793130, #38100F)
• Bronze Bloom color palette (#FFF3E6, #DCDBCA, #D2A36A, #8F601A, #372200)
• Ancient Lagoon color palette (#F9F0E6, #DDDEC4, #B6D0A6, #AF8666, #543700)
• Moss Dune color palette (#F0EFDD, #9C9737, #615A00, #2D2A00, #050400)
• Mustard Canyon color palette (#FFF1C8, #C9AB40, #866D00, #473900, #130E00)
• Timeworn Workshop color palette (#FAEFEA, #C08376, #737FB6, #714C86, #311D13)

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