Timeworn Pier color palette — #F3F8E8 · #98D5AC · #D19FC3 · #639B77 · #634345

Pistachio takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#98D5AC): A whisper-light, balanced teal — the color of glacier melt.
• Mauve (#D19FC3): A luminous, dusty pink — the color of a candy shop window.
• Fern (#639B77): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#634345): A full-bodied, dusty red — the color of embers at dusk.

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

• Timeworn Cerulean Field color palette (#EAFAEC, #85D3DA, #E09D9C, #3D9CA4, #63453A)
• Driftwood Veranda color palette (#FBF5E3, #C9C88F, #AFA9E5, #939041, #624253)
• Jade Atelier color palette (#E9F9F9, #9DE8C1, #EBB0E7, #62BE91, #4F4961)
• Wandering Pine color palette (#F3F7EB, #8CBDA2, #B587B1, #20865B, #60415D)
• Timeworn Taupe Harbor color palette (#F0F9E5, #C5E6DA, #A3BCD6, #A9AC89, #454F42)
• Washed Bronze color palette (#FDF4E6, #D8C9A8, #AE9877, #9A6931, #554700)
• Hushed Parlor color palette (#EEF8EE, #E5CDA8, #688769, #3D543F, #242E25)
• Washed Thicket color palette (#F0F9E3, #85C0A3, #9B9EDB, #BB836D, #374A01)

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