Timeworn Pier color palette — #E6DFC9 · #897B00 · #676600 · #3C4500 · #080D00

A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.

The five colors

• Bone (#E6DFC9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#897B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#676600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3C4500): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#080D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

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 Boulevard color palette (#F7D9C0, #A46600, #7A5400, #503800, #0F0A00)
• Ancient Plum color palette (#F8EFCE, #7F8500, #C0374E, #555900, #130002)
• Olive Corridor color palette (#E6F4D3, #4B9000, #247400, #004D17, #001004)
• Pale Summit color palette (#E6E4C6, #74B6A3, #21B37E, #5C6B00, #041500)
• Quiet Olive color palette (#DBE3CD, #617A00, #007670, #864500, #010200)
• Nocturne Orchard color palette (#F5F0D9, #574D00, #2E2D00, #0D0F00, #010100)
• Dusty Lagoon color palette (#D2E8DB, #009C77, #007966, #005A4F, #001716)
• Airy Clover color palette (#E5F4E0, #21B44D, #00944E, #006B45, #002519)

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