Worn Cocoa color palette — #F5D9EA · #916337 · #742A06 · #4A0012 · #050300

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F5D9EA): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#916337): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#742A06): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4A0012): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Wandering Bronze Harbor color palette (#FEE7D9, #9F6219, #662300, #2B0006, #020100)
• Muted Summit color palette (#DEEADF, #7C7000, #5B3F00, #3B1900, #020400)
• Aged Rust color palette (#FFDDDC, #BC4F00, #613B00, #282200, #010300)
• Olive Field color palette (#EBDEF1, #7A7A00, #54002B, #2B1315, #130006)
• Airy Meadow color palette (#F1E6F2, #BF425A, #514500, #6D0024, #000201)
• Patina Driftwood Delta color palette (#E0EDE0, #9D8D37, #815700, #632B00, #131900)
• Dusty Bronze Atelier color palette (#F8DFEA, #BA9868, #A45D26, #7C332A, #092B1B)
• Charred Spruce color palette (#D5E9D3, #633E00, #213D00, #002136, #060001)

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