Timeworn Cocoa color palette — #FFF1F2 · #F4D3D4 · #E49FB6 · #A66A6E · #74371A

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F4D3D4): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E49FB6): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A66A6E): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#74371A): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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

• Wandering Veranda color palette (#FFF0F8, #E6D6E4, #C19FD6, #98709C, #653E40)
• Muted Cabin color palette (#FFF2ED, #EBD7C3, #ECA983, #9A6E4A, #704900)
• Peony Parlor color palette (#E8E9FF, #DCA7CD, #C0688A, #844A48, #452938)
• Muted Coral Bloom color palette (#FFF1F5, #F3C4E7, #E69DB7, #D67C7D, #534C47)
• Soft Balcony color palette (#FFD9DE, #FE8384, #CF3C28, #782B00, #331800)
• Amber Orchard color palette (#FFF0F0, #FFB1A0, #D26C3F, #944B00, #3E2500)
• Blush Balcony color palette (#FFF2EF, #F5D3C8, #93DCD3, #CD808F, #374D31)
• Amber Bloom color palette (#F0DDD2, #C47300, #6D4A00, #2D2100, #030200)

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