Worn Cocoa color palette — #F3EDE9 · #D2CBC0 · #A4A285 · #863D00 · #372B22

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

The five colors

• Cream (#F3EDE9): a clean, paper-quiet neutral.
• Oat (#D2CBC0): a calm mid-gray that lets other colors speak.
• Taupe (#A4A285): A luminous, dusty green — the color of fresh herbs.
• Bronze (#863D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#372B22): A deep, shadowed, dusty gold — the color of old brass.

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

• Chestnut Pier color palette (#F0E6EA, #C3CFC3, #90AB9B, #804300, #1D1217)
• Hushed Fern Basin color palette (#F9F5E8, #D1D5C1, #9AAD93, #615D00, #35332C)
• Basalt Archive color palette (#E5E0D6, #AAAA9D, #758568, #423700, #1C1200)
• Wandering Bronze Pier color palette (#F8F4EF, #D8DBD6, #B3C5B8, #8C7034, #604100)
• Worn Harbor color palette (#FEEAEF, #B78970, #62724B, #60345A, #501C27)
• Washed Amber Cabin color palette (#F7EBF1, #C6DDD9, #A1C4C9, #BF8160, #382831)
• Basalt Orchard color palette (#EAE4D6, #71986C, #006353, #592854, #0F310C)
• Inked Harbor color palette (#E9E1D6, #6D4F00, #2E3A37, #101F00, #0F0700)

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