Worn Cocoa color palette — #FFF2EA · #C59E82 · #96654B · #704536 · #583300

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#C59E82): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#96654B): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#704536): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#583300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Worn 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

• Chestnut Meadow color palette (#F8E3D5, #B58D74, #8B533A, #673325, #352F2A)
• Softworn Atelier color palette (#FBF5E5, #B2A783, #7C7440, #5E5028, #3F3D36)
• Timeworn Garnet Terrace color palette (#FFEDF5, #D392A5, #A45864, #7F3237, #6F1A0E)
• Ancient Archive color palette (#FFF0F8, #EEC2D6, #E09974, #AF7968, #4D353E)
• Dusty Driftwood Lantern color palette (#FFF0F8, #D5B3BE, #B88066, #8F5757, #2D4334)
• Hushed Terrace color palette (#FCE1CA, #9F682B, #6A3500, #451900, #211200)
• Worn Workshop color palette (#FDF2F5, #D79E94, #5D466D, #41242D, #251613)
• Dusty Balcony color palette (#FCF2F4, #C89FC7, #A64D6B, #814582, #301F1C)

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