Worn Cocoa color palette — #FDF4E6 · #D19881 · #7F784D · #4B5781 · #673C00

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D19881): A luminous, dusty orange — the color of toasted spice.
• Walnut (#7F784D): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#4B5781): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#673C00): A deep, shadowed, 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

• Taupe Villa color palette (#FCF5E3, #CD94AD, #9A6B52, #2C607A, #57423D)
• Aged Grove color palette (#FEF3E8, #BA8E60, #3A7C84, #305874, #5D343D)
• Driftwood Pier color palette (#FAF5E8, #C4C3A2, #798A46, #7C5D59, #544F00)
• Hushed Coast color palette (#FFF2ED, #D6C4B4, #9A9682, #816977, #7C3F21)
• Washed Loft color palette (#FBF4EF, #C8EAEA, #AA8EAD, #407A78, #614A5B)
• Worn Bronze Lagoon color palette (#E7F6EB, #C3A77E, #857938, #0D604B, #203123)
• Softworn Amber color palette (#FFF3E5, #C47700, #516B00, #483188, #443300)
• Honey Veranda color palette (#FBF4EA, #E7D9D0, #F1B77B, #89A66F, #49453F)

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