Softworn Cocoa color palette — #FFF2EB · #BBA28C · #9A624D · #783F3C · #563500

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#BBA28C): A luminous, dusty gold — the color of old brass.
• Walnut (#9A624D): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#783F3C): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

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

• Weathered Chestnut color palette (#FEF4E2, #B1A688, #817144, #6C4A19, #3E3D36)
• Softworn Garnet Grove color palette (#F8E4D5, #AD9175, #8E5230, #71291E, #34302A)
• Weathered Amber Station color palette (#FFF0F9, #DBB0BE, #BD7D67, #8A5963, #2E4336)
• Antique Taupe color palette (#FFF0F9, #F3C6A6, #D69D87, #9B7D97, #334232)
• Bronze Alley color palette (#F3E2D3, #976D2A, #683700, #481500, #1D1500)
• Worn Fern Lantern color palette (#F0E9D1, #808E63, #5B5900, #453500, #262600)
• Chalky Mulberry Veranda color palette (#F0F9E5, #37956F, #8A5B9D, #8A2C42, #31342D)
• Washed Forest Grove color palette (#F3F7ED, #C1AC81, #295E3F, #00381E, #1F2414)

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