Timeworn Pier color palette — #ECF5E7 · #68CBB8 · #70816F · #4F584B · #20231D

Mint Leaf takes the lead with Driftwood close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF5E7): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#68CBB8): A luminous, balanced teal — the color of sea glass.
• Driftwood (#70816F): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#4F584B): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#20231D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Antique Mint Harbor color palette (#F1F3E7, #8BC892, #6F8543, #525B0F, #22221C)
• Teal Parlor color palette (#ECF5E7, #56AE9A, #4B5D51, #333B2F, #21221C)
• Weathered Grove color palette (#D6EAE4, #50B2FF, #7E677D, #3C4E49, #101B17)
• Hushed Studio color palette (#D0EEDA, #009DB3, #2A5A6D, #1F3627, #000701)
• Timeworn Aqua Station color palette (#E0FBDD, #97E5E8, #68C2CE, #58A3B2, #3A5948)
• Timeworn Glacier Loft color palette (#E4FCEF, #79D6F6, #BBB5F4, #84BE9A, #30493C)
• Tempered Corridor color palette (#F5F6ED, #DAE2C4, #ACBD94, #9A9C86, #475408)
• Weathered Bone color palette (#E8FCE2, #BDE3DA, #ABC8B8, #A895A0, #614A53)

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