Softworn Cocoa color palette — #FFF2EA · #F0BA98 · #C38B60 · #936D44 · #6C4500

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#F0BA98): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#C38B60): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#936D44): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Ancient Coral color palette (#FFF2EE, #F9B8B5, #D78C83, #A36658, #544C48)
• Dusty Taupe color palette (#FFF3E3, #EED4A8, #BA9C6B, #7E6336, #4B360F)
• Aged Amber Lantern color palette (#FFF3E7, #E6BB96, #CCA0CC, #B77E48, #664148)
• Softworn Station color palette (#FFF0FE, #FFC9B9, #EEA062, #AC8A52, #395948)
• Amber Delta color palette (#F3E5D0, #BF9000, #937600, #5E5100, #373300)
• Chestnut Villa color palette (#FFF3E5, #DBDEC8, #99C2CE, #BC9D7D, #684A00)
• Hushed Marigold color palette (#F2DFCC, #F1A401, #AE7C00, #7D5F00, #4B3D00)
• Tempered Jade Drift color palette (#FFF3E4, #CFAB71, #83B381, #BB7F86, #46423B)

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