Worn Cocoa color palette — #FFF2EA · #E8D6C4 · #D2AD95 · #B28678 · #5E4200

A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E8D6C4): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D2AD95): A luminous, dusty gold — the color of old brass.
• Caramel (#B28678): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Ancient Bronze color palette (#FEF1F8, #DCC2CE, #BD907A, #9A6556, #584049)
• Bronze Alley color palette (#F0E7D6, #CDC198, #B69A54, #A36C37, #243714)
• Antique Stone color palette (#FFECF6, #DAB38D, #A47663, #645064, #233026)
• Taupe Grove color palette (#EAF9F4, #92CAF1, #E4A2A7, #AF9851, #2A433B)
• Bronze Drift color palette (#E9E3D5, #95A868, #8D7D00, #7A5000, #011D02)
• Rust Study color palette (#F0DAC4, #D9B25E, #D47C00, #BD431D, #2D2A00)
• Pale Garnet Boulevard color palette (#F9E6D8, #B2874C, #A75414, #8A1E1E, #0F0B00)
• Ancient Ash color palette (#EDF8F4, #F7D6C4, #79A5BF, #4A7867, #222E2A)

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