Softworn Cocoa color palette — #FFF2EA · #C0A085 · #9D6143 · #7A401A · #593300

Bronze takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#C0A085): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#9D6143): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#7A401A): A full-bodied, balanced gold — the color of honey in a jar.
• 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 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

• Washed Chestnut color palette (#FCF4E9, #CAB591, #947C55, #7F5313, #5B4400)
• Antique Chestnut color palette (#F6E4D6, #BC8B5F, #984C00, #67341D, #342F2A)
• Pale Olive Ridge color palette (#F7EED8, #A0A25C, #766B00, #594700, #323A11)
• Chestnut Hollow color palette (#FBF4E9, #C7AB6C, #654E00, #312D27, #1C1D12)
• Timeworn Meadow color palette (#F6E6D5, #9A6B27, #653A00, #401D00, #1F1400)
• Softworn Stone color palette (#FFF0F9, #E4B384, #B5816C, #776077, #304235)
• Dusty Bronze color palette (#FEF4E2, #9C7E00, #008470, #833549, #36322C)
• Gentle Pine color palette (#F7F5ED, #ADB761, #29833E, #5F6600, #232617)

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