Softworn Cocoa color palette — #FBF4EC · #EDCC90 · #937852 · #6A4400 · #302A24

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Wheat (#EDCC90): A whisper-light, balanced gold — the color of old brass.
• Mocha (#937852): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#302A24): a grounded near-black with real depth.

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

• Muted Cocoa Lantern color palette (#FAF4EE, #CBDDCB, #9E805A, #623D00, #211A11)
• Timeworn Stone color palette (#F6F6E9, #D0C780, #627B4E, #484500, #232313)
• Softworn Cabin color palette (#FDF4E9, #D5BC95, #7E5412, #3C3832, #26251A)
• Wandering Straw Pier color palette (#F8F5ED, #E1D383, #7AAA73, #988D4D, #2E2F24)
• Patina Moss color palette (#E4E1CB, #A99200, #3D4C00, #171E00, #030200)
• Aged Stone color palette (#FDF5DE, #B0CA78, #71A073, #567864, #484841)
• Wandering Taupe Terrace color palette (#F2F7F1, #C6E8CD, #B8986E, #5B755B, #252E25)
• Ancient Canyon color palette (#F7EEE0, #936E00, #392800, #1B211A, #090500)

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