Worn Cocoa Field color palette — #FFF3E9 · #E9D5C4 · #D6AB92 · #B48673 · #653E00

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#E9D5C4): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D6AB92): A luminous, dusty gold — the color of old brass.
• Caramel (#B48673): A luminous, dusty orange — the color of autumn markets.
• Bronze (#653E00): 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 Worn Cocoa Field 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

• Abyss Coast color palette (#F1F8EA, #97D1BA, #DEA98C, #B29656, #2D4600)
• Chalky Villa color palette (#FCECD9, #DFC493, #D2973E, #B66B00, #423300)
• Softworn Parlor color palette (#FFF1F7, #C8F5E7, #D6A183, #8A7186, #35433A)
• Stone Market color palette (#FDECF4, #DAB291, #9C7688, #6A4E5F, #252F24)
• Hushed Bronze Summit color palette (#F6E2D1, #B98345, #A25800, #7A3600, #130900)
• Tempered Amber Harbor color palette (#F4E7D1, #C3B172, #AD8930, #8F6100, #292500)
• Soft Lantern color palette (#ECE2C3, #9CA56C, #858100, #695A00, #121900)
• Wandering Summit color palette (#FFF0F9, #F5CADE, #C3A7E2, #A978BD, #663668)

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