Timeworn Pier color palette — #FFF2EB · #F1BB9D · #BC9158 · #8F7B45 · #5A4A00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#F1BB9D): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BC9158): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8F7B45): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#5A4A00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Weathered Alley color palette (#FFF1F7, #DCB691, #AF8046, #885E02, #305139)
• Aged Taupe Harbor color palette (#FFECD7, #DCBF85, #AAA55D, #73844F, #4E4F47)
• Timeworn Taupe Terrace color palette (#FFF1F1, #F9B5C8, #CF8882, #9E674D, #514B46)
• Amber Courtyard color palette (#EFDECF, #BE9500, #7F7400, #455300, #043404)
• Softworn Amber color palette (#FFF3E4, #E0BF8C, #91B3E5, #AF843B, #5C445B)
• Softworn Marigold Lagoon color palette (#F6D9C9, #F6A315, #9E8500, #656D00, #2A4800)
• Hushed Lantern color palette (#FFF3E4, #D7E1CC, #B1B4C5, #C69F85, #5F4B00)
• Softworn Archive color palette (#FFF3E2, #CFAC66, #87A7D4, #9282AE, #593C00)

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