Timeworn Cocoa color palette — #FFDDE4 · #A36F6F · #7A4533 · #353000 · #0D1200

A conversation between Coffee and Mocha, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDDE4): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#A36F6F): A full-bodied, dusty red — the color of embers at dusk.
• Coffee (#7A4533): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#353000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0D1200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn 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

• Worn Study color palette (#E5D9ED, #907191, #763F5E, #4C2712, #1C0E00)
• Softworn Bronze color palette (#FFE7D6, #997847, #5F532A, #003C1E, #001812)
• Ancient Quarry color palette (#F2D8D6, #8F5544, #602F00, #1E2600, #010B00)
• Antique Bronze color palette (#FFDFE0, #C48679, #9D5D35, #484C00, #192C07)
• Weathered Driftwood color palette (#FEDAEE, #AA769D, #814642, #00403A, #002742)
• Wandering Onyx color palette (#D0E5D5, #84793C, #474700, #4C0F1E, #0A0800)
• Antique Garden color palette (#F4D5FF, #D592AE, #A36951, #005053, #001A1B)
• Wandering Rust color palette (#FCD5C9, #C85230, #772100, #360500, #050000)

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