Weathered Pier color palette — #EAF5EF · #86802B · #1D453C · #202C26 · #101715

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

The five colors

• Cream (#EAF5EF): a clean, paper-quiet neutral.
• Olive Leaf (#86802B): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#1D453C): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#202C26): quiet, heavy and certain.
• Ink (#101715): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Washed Mustard Canyon color palette (#F6F2E5, #BEBB70, #887C33, #675200, #24211B)
• Deep Olive Villa color palette (#C9F1E6, #537500, #003516, #001E17, #000A0A)
• Twilit Cypress color palette (#DBF5F3, #006867, #00232C, #001110, #000204)
• Dusty Iris color palette (#E2FBF8, #71A776, #6786D6, #A75F57, #314745)
• Lowlit Study color palette (#DAEFF3, #484249, #00433B, #15171E, #000B0D)
• Tempered Lagoon Workshop color palette (#EEF8F5, #A3CAC6, #578E78, #795C69, #3C5250)
• Quiet Moss color palette (#DAFFEE, #B2C07F, #689344, #416F3F, #305656)
• Softworn Lilac color palette (#EBF8F6, #94BD8B, #B483C5, #4F8144, #4D4963)

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