Worn Cocoa color palette — #FEF3E6 · #D19884 · #747D4B · #52567C · #653E00

Bronze takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Camel (#D19884): A luminous, dusty orange — the color of toasted spice.
• Walnut (#747D4B): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#52567C): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Softworn Coast color palette (#FAF5E4, #CC94B2, #986D46, #355F78, #59413B)
• Fern Station color palette (#FFF2EB, #B3A878, #4D8473, #754B56, #504900)
• Dusty Harbor color palette (#E8F6EB, #CAA37B, #7D7C3B, #0C587F, #1E3222)
• Cocoa Bloom color palette (#FFF2ED, #D3C0AC, #8E917B, #816A6E, #664A41)
• Ash Basin color palette (#FAF4EE, #CBE6E8, #8599C5, #5C7758, #634A56)
• Worn Taupe color palette (#FDF3EA, #B88E68, #467793, #42527C, #41355A)
• Muted Amber Veranda color palette (#FFF3E8, #C47800, #227321, #4D3281, #403500)
• Hushed Stone Corridor color palette (#FFF1F5, #FFBFAB, #AEB567, #8486BA, #574048)

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