Timeworn Pier color palette — #EBE2CF · #7F7F0D · #3F4B00 · #4C1D1D · #221A00

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

The five colors

• Parchment (#EBE2CF): A whisper-light, dusty gold — the color of old brass.
• Olive Leaf (#7F7F0D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3F4B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Espresso (#4C1D1D): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Fern Hollow color palette (#EAE4D5, #8E9144, #4C5D0C, #583410, #312807)
• Olive Lantern color palette (#F4F0D9, #4C7B00, #0C4402, #3E1200, #081300)
• Softworn Fern color palette (#EDE1CC, #7C7C41, #354C00, #351D46, #080800)
• Softworn Market color palette (#DEE4C4, #338D5F, #00523C, #432700, #002211)
• Brick Canyon color palette (#F2DED5, #C91E00, #416600, #6E0B00, #112000)
• Feathered Fern color palette (#DAF3E1, #97974C, #4E6C14, #53366A, #1C1C00)
• Muted Alley color palette (#FFE7D7, #FBA65A, #C08300, #7B2F1F, #3C1A00)
• Muted Mustard Delta color palette (#FFF4E0, #B3A535, #6B6F00, #6D462E, #3D3A34)

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