Worn Cocoa color palette — #FAECDD · #866F39 · #573200 · #260600 · #010100

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FAECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#866F39): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#260600): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

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

• Lowlit Delta color palette (#FFE2EC, #715400, #422300, #250500, #000502)
• Cocoa Canyon color palette (#EBE0D6, #9D824B, #723F00, #420A00, #010100)
• Washed Bronze color palette (#FFF4E0, #B5B686, #917218, #683900, #141300)
• Terracotta Parlor color palette (#FADFD0, #BB906D, #A03912, #62001F, #060300)
• Lowlit Lagoon color palette (#F3E5F4, #A56B2D, #001B39, #0B0B15, #000104)
• Washed Chestnut color palette (#FFF3E4, #DCD19A, #BB872E, #964500, #242C00)
• Charred Aubergine color palette (#EEDAE4, #5420B3, #710034, #231500, #010008)
• Weathered Cobalt color palette (#F7E9F7, #2A7BD1, #6F0043, #002B56, #040001)

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