Softworn Cocoa Workshop color palette — #FFF2EA · #F3C6A9 · #CEA18D · #A47F6B · #593300

A conversation between Cocoa and Wheat, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F3C6A9): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CEA18D): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#A47F6B): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Softworn Cocoa Workshop 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

• Pewter Lantern color palette (#FFF2EB, #D3B89F, #B08372, #895A5D, #413C36)
• Tempered Bronze Canyon color palette (#FFEBD8, #F1CA96, #CDAB59, #947E03, #464200)
• Timeworn Harbor color palette (#FEECF6, #CFA083, #A46144, #6D3D32, #2E1D24)
• Aged Drift color palette (#FEF2EE, #F9CBA3, #C2817B, #8F4F34, #2D1D17)
• Quiet Workshop color palette (#F9D7B5, #E2AD62, #D07F00, #AA5800, #372600)
• Bronze Lagoon color palette (#FFEBDB, #C07F3E, #A35714, #7E3200, #130900)
• Washed Boulevard color palette (#FFF2ED, #FF9894, #B6B06C, #9A81C3, #38312E)
• Pale Moss color palette (#E6E2D2, #ACB97F, #929438, #786C19, #1B2A00)

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