Worn Cocoa color palette — #F5EDE1 · #D9CEBC · #AFA58F · #684600 · #050200

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

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Oat (#D9CEBC): A whisper-light, dusty gold — the color of old brass.
• Taupe (#AFA58F): A luminous, dusty gold — the color of old brass.
• Bronze (#684600): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Garnet color palette (#FAEAE4, #DBCDC4, #BCA08B, #8F170F, #070100)
• Hushed Studio color palette (#E7E3D5, #BEBCA7, #949478, #3E3F00, #020100)
• Dusty Basalt Workshop color palette (#DAE4DA, #9CAFA1, #88814E, #4A3200, #09180B)
• Aged Forest Quarry color palette (#DEE7CF, #83A37C, #32664D, #003748, #000812)
• Patina Forest Veranda color palette (#F3F7ED, #CEDED4, #AFC1A5, #007340, #0B0E02)
• Softworn Emerald color palette (#E3E3CA, #659F5C, #005E2A, #362A00, #000200)
• Pale Mustard Harbor color palette (#FFEDC5, #F4B000, #B29A00, #617500, #010100)
• Dusty Bronze Villa color palette (#F1EBD3, #8F7300, #424700, #00211E, #010100)

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