Timeworn Cocoa color palette — #F2D7DE · #A97C83 · #885B71 · #682F00 · #2F1B00

Rust takes the lead with Pewter close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F2D7DE): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#A97C83): A luminous, dusty red — the color of a theater curtain.
• Pewter (#885B71): A full-bodied, dusty rose — the color of strawberry cream.
• Rust (#682F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2F1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Patina Driftwood color palette (#EAE0EC, #9F6C8F, #744153, #4A2700, #1A1000)
• Terracotta Hollow color palette (#FFDAEA, #D38593, #A74641, #523F00, #252500)
• Pewter Studio color palette (#EADCE8, #8C91BD, #665586, #5A2937, #371609)
• Chestnut Studio color palette (#FFE9EB, #D2B6B5, #9F7B73, #774A07, #3E3A34)
• Driftwood Alley color palette (#DEE4F8, #ABA5D9, #936FB0, #79464B, #452E40)
• Washed Fern color palette (#EDD9D1, #C3A08A, #9B6D46, #4B5E21, #133415)
• Ancient Lantern color palette (#D7FDE3, #D6B9D6, #9478B0, #5C612D, #002E17)
• Weathered Market color palette (#CAE8F9, #8095CD, #895A85, #285648, #113D40)

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