Worn Cocoa color palette — #F1E6E0 · #C2B7AB · #988D75 · #732A0E · #2C1A0F

A conversation between Rust and Caramel, giving this palette its sense of sophistication.

The five colors

• Parchment (#F1E6E0): bright and airy, almost weightless.
• Stone (#C2B7AB): A luminous, dusty gold — the color of old brass.
• Caramel (#988D75): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#732A0E): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C1A0F): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Patina Cocoa color palette (#E9DEE4, #C0ADB5, #9F858E, #702C00, #13060E)
• Bronze Drift color palette (#F9EEE3, #B2A896, #8D8037, #532C00, #1F1002)
• Ancient Lagoon color palette (#F2ECE8, #CCC2BA, #B7A088, #9D4000, #2D1A0C)
• Timeworn Fern color palette (#F1EFE4, #CBCDC2, #9AA493, #515B00, #312E22)
• Misty Market color palette (#EBE1D0, #738233, #005412, #4C1935, #181E00)
• Bronze Dune color palette (#FBF4EF, #DCDCD1, #BDC3B2, #96684F, #4F453E)
• Blush Villa color palette (#F4DAC2, #FF5B7C, #B97000, #555F00, #231800)
• Bronze Study color palette (#FFE5DC, #A27F3C, #4E652C, #393561, #361740)

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