Softworn Pier color palette — #EFF7F5 · #D3DBDD · #B3C1C7 · #637F39 · #3C4C47

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D3DBDD): bright and airy, almost weightless.
• Stone (#B3C1C7): soft and architectural.
• Olive Leaf (#637F39): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3C4C47): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Olive Ridge color palette (#ECF9F3, #93B9AE, #5E7E51, #356454, #2C4942)
• Washed Olive color palette (#ECF4F1, #CFD9DD, #ACC1CF, #6D7D41, #222F2B)
• Softworn Alley color palette (#EAF9F7, #C0D8D8, #89AFB2, #006D2E, #1D3837)
• Washed Harbor color palette (#D1EBE9, #398256, #093A3C, #062423, #050F12)
• Ancient Veranda color palette (#D5FCFF, #A0C1C8, #6E8A95, #586682, #544862)
• Dusty Abyss Villa color palette (#E8EFF3, #AEBBC4, #7C91A2, #004D5C, #08232E)
• Aged Market color palette (#DCEAE7, #9AAEAC, #628787, #154300, #001915)
• Ancient Grove color palette (#E2FCF3, #72A678, #1A7B61, #00537E, #1C4544)

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