Timeworn Cocoa color palette — #FDEEE8 · #A76A62 · #602C00 · #35241D · #191510

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

The five colors

• Cream (#FDEEE8): bright and airy, almost weightless.
• Mocha (#A76A62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#602C00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#35241D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#191510): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Smoked Delta color palette (#F8E5D7, #A44B00, #412200, #291100, #0D0701)
• Coral Terrace color palette (#FAEDF8, #FF9489, #8A7481, #5C505A, #242024)
• Cellar Terrace color palette (#EEDDD3, #51565D, #541500, #1E1C0D, #0A0200)
• Plum Lantern color palette (#FFF3E7, #BA8E62, #729654, #A85A73, #47413C)
• Deep Cocoa color palette (#F0E2CD, #5A4000, #212D2D, #130E00, #050300)
• Washed Bloom color palette (#FFF2EB, #E0AD94, #AC7047, #8F571B, #534E48)
• Softworn Bloom color palette (#FFF3E8, #D2C7B9, #9F9173, #687C39, #325245)
• Patina Chestnut Alley color palette (#F6F6ED, #C1C3AB, #648D6C, #8D5728, #4F5100)

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