Worn Cocoa color palette — #FFF2EB · #E0C5AD · #C58B78 · #8F6A61 · #604100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#E0C5AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C58B78): A luminous, dusty orange — the color of autumn markets.
• Walnut (#8F6A61): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Worn 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

• Antique Study color palette (#FFF2EE, #FBBFA5, #C9965B, #8B7328, #3F4E17)
• Washed Driftwood Boulevard color palette (#FCF4E5, #BBC490, #9F8F52, #82623E, #3F4000)
• Weathered Stone Thicket color palette (#FDF1F9, #EED3D2, #C5A2B8, #8A7188, #4B393F)
• Tempered Delta color palette (#F2DFCD, #B59B65, #A45E00, #7D331E, #2D2304)
• Antique Amber Veranda color palette (#FFEADB, #DCAA6A, #CD6517, #904844, #403405)
• Hushed Amber Station color palette (#FBF3F1, #FCBEC9, #B99732, #BC7483, #312D27)
• Worn Chestnut color palette (#F3E1C3, #939049, #7B5B00, #5D2F00, #191700)
• Aged Lagoon color palette (#FFF2EE, #D69097, #529460, #4D658D, #3F2B26)

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