Worn Pier color palette — #F3EDD5 · #899D00 · #0F831F · #005143 · #002928

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

The five colors

• Cream (#F3EDD5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#899D00): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#0F831F): A full-bodied, vivid green — the color of a quiet forest floor.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#002928): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Worn 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

• Faded Pine color palette (#D9E3D0, #6DA658, #1E7E2E, #005526, #003B38)
• Tempered Atelier color palette (#FFE8D2, #BF9400, #616C00, #264E00, #002418)
• Weathered Emerald color palette (#F1F0DD, #A3BA61, #489D4A, #007152, #00483F)
• Soft Courtyard color palette (#DCE9B8, #6EC36E, #008E6F, #006162, #153824)
• Aged Emerald Terrace color palette (#E0EBDD, #00A271, #007069, #004050, #001F31)
• Clover Market color palette (#E9ECD4, #58BA43, #A24783, #2C6420, #320A25)
• Washed Mint color palette (#CFFFE6, #27C596, #007A51, #003E2F, #00110A)
• Seafoam Lagoon color palette (#EFF5DC, #92EDDF, #8FB3E2, #7C6D33, #212C19)

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