Worn Cocoa color palette — #F2DDCA · #9D824B · #713F00 · #410C00 · #010100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F2DDCA): A whisper-light, dusty gold — the color of old brass.
• Caramel (#9D824B): A luminous, balanced gold — the color of old brass.
• Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#410C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#010100): 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

• Dusty Chestnut Workshop color palette (#F5E2CE, #AD985E, #865200, #561D00, #040400)
• Timeworn Olive color palette (#FDEECF, #6F7933, #483B00, #1D0E00, #000200)
• Bronze Lantern color palette (#FFF3E5, #D0BA6A, #AB7000, #7E3400, #171B00)
• Eclipse Amber color palette (#F1E4F2, #C77733, #002C53, #170605, #000104)
• Feathered Moss Boulevard color palette (#FFF5D7, #C2DAA4, #9C962D, #7D5800, #003210)
• Faded Orchard color palette (#FBE9F5, #484BC7, #94030C, #2F2800, #01000A)
• Washed Dune color palette (#E5EDF9, #7A7FE1, #7504B1, #39002F, #040001)
• Hushed Bronze color palette (#FCF4E9, #D8E1C5, #C2AB87, #A26D3A, #464100)

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