Timeworn Coast color palette — #FFF1F5 · #FECED6 · #C69696 · #8C6350 · #573A1C

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#FECED6): A whisper-light, dusty red — the color of a theater curtain.
• Taupe (#C69696): A luminous, dusty red — the color of late-summer berries.
• Walnut (#8C6350): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#573A1C): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Weathered Pier color palette (#FFF2EE, #FFC4BA, #C0957F, #747B3E, #494800)
• Tempered Bronze color palette (#FFF1F4, #F3D3C6, #D3AFAD, #A36C3B, #734801)
• Softworn Pier color palette (#D8FFF3, #C3D9FF, #B296A9, #8D6668, #482E2A)
• Aged Station color palette (#F2E4FF, #C396C3, #8F5677, #6E3616, #2C1700)
• Hazy Mallow Basin color palette (#FFF0F9, #FDA1BD, #D17B7D, #7C5800, #3C3400)
• Mulberry Corridor color palette (#F1D7EF, #B8869E, #883E51, #482A00, #090500)
• Pewter Harbor color palette (#DADCFB, #ABA6C7, #7A6C8F, #644559, #542D2C)
• Muted Archive color palette (#D5E0EA, #98A4C2, #8F5A85, #2D534E, #002C2C)

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