Worn Cocoa color palette — #F3E5D6 · #AC9360 · #815B2C · #673410 · #33302A

Bronze and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3E5D6): A whisper-light, dusty gold — the color of old brass.
• Caramel (#AC9360): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#815B2C): A full-bodied, balanced gold — the color of old brass.
• Bronze (#673410): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Optimism, 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

• Patina Garnet Villa color palette (#EBDED0, #A3996D, #875920, #6B2313, #1C1800)
• Basalt Basin color palette (#FFF4DF, #B3A782, #82713E, #674C27, #463E00)
• Wandering Terracotta color palette (#F8E1E8, #BAAF7E, #A27645, #8B4332, #12382F)
• Dusty Garnet color palette (#FFD3C1, #C17A3E, #973A00, #76010B, #3A2400)
• Antique Bronze Lantern color palette (#F4EADC, #88751F, #5B4000, #3D2000, #171800)
• Sunlit Cocoa color palette (#E2F5E0, #00817D, #834A75, #712D00, #172D15)
• Ancient Taupe color palette (#E7F3E3, #B8974E, #004E47, #002824, #02140E)
• Denim Harbor color palette (#EFF8F0, #0EAEB3, #51549E, #005B5E, #260F1F)

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