Timeworn Pier color palette — #ECFAEC · #DDC495 · #B57D22 · #784D1F · #0B2817

Mustard takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#ECFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#DDC495): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B57D22): A luminous, balanced gold — the color of old brass.
• Coffee (#784D1F): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#0B2817): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Basin color palette (#FFF0F9, #F1B99A, #BC7559, #80463A, #311924)
• Antique Bronze color palette (#E8FBEB, #C8B070, #986E00, #623D00, #00180B)
• Weathered Taupe color palette (#EAFAEF, #E3E0AD, #AF9E56, #7B6840, #22372E)
• Dusty Chestnut color palette (#ECDECE, #AB9570, #825C25, #5D310E, #1F1700)
• Rust Terrace color palette (#FFF0F8, #FFA157, #C75900, #872800, #271300)
• Amber Studio color palette (#D7ECDB, #B3982E, #795A00, #452C00, #050400)
• Antique Chestnut color palette (#FBE0E8, #78A289, #825A2B, #64352A, #07392F)
• Washed Stone color palette (#FFF1F8, #EED3D2, #D7A083, #926D86, #4C3940)

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