Softworn Cocoa color palette — #FCF3EE · #EACBA9 · #A26F5E · #743C13 · #352821

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Wheat (#EACBA9): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A26F5E): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#743C13): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#352821): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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 Bronze Pier color palette (#FBF5E6, #D6C38E, #7E7238, #543F00, #262116)
• Worn Driftwood Archive color palette (#FBF2F8, #E6D7D5, #B07560, #553E4D, #21181E)
• Weathered Atelier color palette (#FAF4EE, #F2C8A4, #A29F5A, #B28053, #302E27)
• Softworn Amber color palette (#EADDC7, #B78B00, #574200, #231900, #040200)
• Cocoa Studio color palette (#FEF4E0, #D0BC88, #93966B, #337D73, #5B4400)
• Patina Boulevard color palette (#FFEADB, #9F6700, #481D00, #1B1D13, #0E0300)
• Cocoa Station color palette (#FFF2EB, #DB9880, #91A375, #8A6E96, #612C00)
• Softworn Pier color palette (#FBF2F9, #BDEAD2, #D3877D, #7C6477, #31282F)

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