Worn Cocoa color palette — #F7E7DB · #926837 · #6A3100 · #440B00 · #090400

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

The five colors

• Parchment (#F7E7DB): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#926837): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6A3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#440B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

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

• Washed Harbor color palette (#FDE1EF, #9A6C0B, #6F3100, #4F0416, #181700)
• Inked Cabin color palette (#FCE8CE, #755E19, #4B3000, #291100, #020200)
• Ancient Coast color palette (#EADED1, #AC956F, #855A20, #622D00, #201600)
• Washed Thicket color palette (#F6E1D2, #B39561, #944700, #620017, #040400)
• Timeworn Coast color palette (#E0F0EA, #95721D, #002D44, #201619, #000911)
• Bronze Workshop color palette (#F7F1E4, #C3BB9E, #9C7E39, #764F04, #2E2D1D)
• Moonless Garnet Atelier color palette (#C9EADF, #005689, #7F1300, #302700, #000206)
• Aubergine Alley color palette (#DBE6FF, #6C69C6, #5A1294, #3C0044, #13000E)

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