Worn Cocoa color palette — #DFE5DE · #B0BDB5 · #70988E · #603B00 · #192218

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

The five colors

• Parchment (#DFE5DE): bright and airy, almost weightless.
• Stone (#B0BDB5): soft and architectural.
• Eucalyptus (#70988E): A luminous, dusty teal — the color of sea glass.
• Bronze (#603B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#192218): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Washed Basalt color palette (#D9E6DD, #98AFA8, #5C8986, #433600, #001A0B)
• Wandering Chestnut Coast color palette (#E9EFE9, #BAC8BE, #93AC9D, #7F5800, #142416)
• Muted Forest color palette (#E7F1F0, #BDD0D3, #8EA5AE, #00672C, #1C3331)
• Wandering Lagoon color palette (#D1E7E0, #4A8A5C, #005144, #4C1D1E, #00220B)
• Hushed Hollow color palette (#F1F7F2, #D2DDDD, #B3C2C7, #8B7038, #404B42)
• Softworn Basalt color palette (#F6DBC2, #8F8D4B, #1F6242, #4C2857, #3A1B32)
• Tempered Tangerine color palette (#DEF1E5, #F16E38, #8F7500, #006C41, #141600)
• Aubergine Station color palette (#DCF6DA, #8E5800, #2F4500, #2C0061, #1D1500)

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