Timeworn Pier color palette — #F2EEE8 · #D4D4C5 · #BBBF9E · #C78019 · #362C20

Mustard and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F2EEE8): bright and airy, almost weightless.
• Oat (#D4D4C5): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#BBBF9E): A luminous, dusty green — the color of fresh herbs.
• Mustard (#C78019): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#362C20): 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 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

• Bronze Veranda color palette (#F3EDE8, #DDD7CA, #BDB89E, #A55D00, #372B20)
• Muted Moss color palette (#F6F6EC, #D1DECE, #ADCDAF, #83A80E, #34332C)
• Chalky Alley color palette (#E7E5D7, #A0C889, #4EA851, #897241, #2C2B01)
• Pale Marigold color palette (#EDDCBC, #D2A30C, #8F8E00, #007768, #2C2300)
• Patina Chestnut color palette (#EFE7E1, #D0CBC0, #A5A68E, #7E440A, #201307)
• Dusty Amber Pier color palette (#F5E9D3, #A58900, #575625, #322F29, #080400)
• Antique Lagoon Boulevard color palette (#F0F2D5, #AEBE90, #78A575, #1B8692, #174433)
• Soft Mustard color palette (#F8EDDA, #FFC87D, #E9BE00, #A2AA00, #302800)

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