Softworn Cocoa color palette — #FFF2EB · #FFC7AE · #E2A77F · #B28560 · #6E4300

A conversation between Bronze and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#FFC7AE): A whisper-light, dusty orange — the color of toasted spice.
• Sand (#E2A77F): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#B28560): A luminous, dusty gold — the color of old brass.
• Bronze (#6E4300): A full-bodied, balanced gold — the color of old brass.

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

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 Atelier color palette (#FFF4E1, #E4D69D, #C6BE79, #949560, #584B00)
• Timeworn Amber color palette (#FFE8F6, #E8AD8F, #BD7136, #82552B, #452933)
• Tempered Bronze color palette (#FEF0FF, #F2DAC0, #EAA881, #AA7B3A, #31533E)
• Muted Stone color palette (#FFE6E4, #FEBED3, #E49EAC, #BF848B, #63453B)
• Chestnut Ridge color palette (#FFF3E5, #DBDDC8, #CAAF97, #96BBC5, #6C4900)
• Pale Marigold color palette (#FFD9B7, #FFB258, #D99300, #A17800, #4A3A00)
• Wandering Sand Workshop color palette (#FFF3E7, #F0BB8A, #ADC895, #DC98AE, #47413C)
• Moss Hollow color palette (#F4EED5, #AA9D00, #7D7F00, #536000, #1A2600)

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