Timeworn Pier color palette — #F8D8D9 · #CD924F · #3A7F28 · #553671 · #29133B

Olive and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8D8D9): A whisper-light, dusty red — the color of late-summer berries.
• Mustard (#CD924F): A luminous, balanced gold — the color of old brass.
• Olive (#3A7F28): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#553671): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#29133B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Timeworn Chapel color palette (#FADBCC, #969A49, #007E5F, #5B305B, #371637)
• Feathered Olive color palette (#F1D8E1, #CD816A, #7A7300, #253B70, #0A1D53)
• Aged Lagoon color palette (#FFD6F3, #B6A270, #189069, #6F455D, #4D213C)
• Frosted Study color palette (#FCD7D1, #DC9B00, #5E9163, #61588F, #39315D)
• Amber Coast color palette (#F9E0C8, #AD9832, #5B7738, #2E5372, #36396A)
• Moss Archive color palette (#D4ECDA, #7DA43F, #006D48, #522B60, #0F1A00)
• Hushed Moss color palette (#FFF3E6, #D3C372, #749938, #0B689E, #25294E)
• Muted Ridge color palette (#EDDEC8, #5C855A, #00606D, #4C212D, #24010C)

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