Timeworn Cocoa color palette — #F2E8E1 · #B1A193 · #9B8162 · #6E3100 · #130600

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F2E8E1): bright and airy, almost weightless.
• Taupe (#B1A193): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9B8162): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#6E3100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#130600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Garnet color palette (#F4E8E0, #C5B9A9, #97927A, #691F00, #030100)
• Patina Garnet color palette (#F7EBE9, #B1A09C, #A27C6E, #81003F, #140503)
• Hushed Bronze color palette (#E6DDD9, #A99682, #886C25, #4D1600, #110602)
• Tempered Alley color palette (#E7E4D8, #B7B6A0, #969878, #505900, #181401)
• Softworn Tangerine Balcony color palette (#F1DBC5, #EE6B00, #A56A00, #6B5700, #050200)
• Fern Villa color palette (#EEE7D6, #747B35, #3A4D00, #412300, #080600)
• Dusty Bronze Cabin color palette (#F8F4EF, #D9DBCE, #BBC4A8, #9D7A2E, #3E3A34)
• Weathered Chestnut Station color palette (#F4E5CD, #8B5500, #4C3B00, #002717, #060300)

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