Softworn Cocoa color palette — #FFF2EB · #F1D4B5 · #DEA794 · #AE8780 · #5B4400

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#F1D4B5): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#DEA794): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#AE8780): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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 color palette (#FDF1F8, #E4BECF, #C48C77, #856B81, #404B3F)
• Basalt Veranda color palette (#FBF5E4, #C0DAB1, #B3B070, #A28159, #314500)
• Softworn Harbor color palette (#FBF5E5, #CEC57D, #DC9FD5, #B0965B, #403D36)
• Weathered Apricot Study color palette (#FFEAD8, #E2C577, #E78A25, #B5665D, #37362F)
• Weathered Driftwood color palette (#FAEEF5, #D0B1BD, #9A768D, #655066, #223025)
• Amber Basin color palette (#F1E0CC, #BAB47A, #BD8019, #A15136, #272507)
• Garnet Villa color palette (#F3DCCB, #9E7A3A, #954600, #751224, #050300)
• Aged Bronze Garden color palette (#ECE4D2, #92AA5D, #937A00, #854900, #001C09)

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