Softworn Pier color palette — #EFF8F3 · #ADC9AF · #626132 · #1B4131 · #1D2929

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

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Pistachio (#ADC9AF): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#626132): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#1B4131): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1D2929): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Cypress Quarry color palette (#EDF8F7, #DBB3C3, #356B4F, #15422D, #1F2F2F)
• Wandering Coast color palette (#EDF8F2, #B3DDC0, #867F49, #375545, #232E28)
• Patina Chestnut Drift color palette (#FBF2F6, #A9C9B4, #7D5336, #4D2D3D, #302121)
• Hushed Bronze Study color palette (#F8F5ED, #F7D9AB, #A2A270, #806B20, #2E2B23)
• Shadow Thicket color palette (#D4ECE3, #805400, #242C33, #121700, #020300)
• Softworn Lagoon Garden color palette (#DBFFED, #8DC4BC, #499378, #006869, #004C62)
• Worn Lagoon color palette (#FFF0F9, #96B185, #368682, #7B475A, #2E4E4D)
• Amber Corridor color palette (#E0FCF5, #D09445, #305300, #182D00, #03201B)

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