Softworn Cocoa color palette — #FFF2E9 · #E8CAB0 · #CAA488 · #AD7A68 · #583400

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#E8CAB0): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CAA488): A luminous, dusty gold — the color of old brass.
• Caramel (#AD7A68): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#583400): 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 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

• Wandering Taupe Cabin color palette (#F6E4D6, #E3B88E, #C79066, #A3694C, #342F2A)
• Muted Lagoon color palette (#FCEDF4, #C69EAF, #A4623A, #694032, #301B23)
• Timeworn Mustard color palette (#FDF4E3, #D3B760, #71BEAA, #C57485, #36322C)
• Hushed Bronze Studio color palette (#F4E5D8, #BB8239, #9D5B11, #793700, #120900)
• Mustard Drift color palette (#F7EED6, #C7CE8F, #AFA841, #947E20, #303A0F)
• Sand Boulevard color palette (#FAF5EB, #EDD295, #A49462, #706237, #282113)
• Tempered Bronze Orchard color palette (#F1E2C2, #8C8332, #725E00, #513B00, #040400)
• Wandering Moss color palette (#F7F6EA, #CFDE9C, #71C292, #9AAB55, #212713)

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