Softworn Pier color palette — #F4F6EF · #D4DDD8 · #A1AEB7 · #7D8A44 · #52544C

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D4DDD8): a clean, paper-quiet neutral.
• Ash (#A1AEB7): soft and architectural.
• Olive Leaf (#7D8A44): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#52544C): quiet, heavy and certain.

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

• Antique Balcony color palette (#EDF8F6, #D2DDE5, #B2B1BB, #76A6A0, #4B5553)
• Patina Abyss color palette (#D8E1DA, #A8BFB3, #74978C, #004E55, #152318)
• Cypress Ridge color palette (#F1F7ED, #CADFD8, #A6C5B0, #007D63, #3B4334)
• Spruce Orchard color palette (#E8ECE2, #949D90, #5B7960, #003420, #070B01)
• Antique Olive color palette (#F6F6EF, #BCC69F, #568E7B, #6C691E, #485407)
• Wandering Cocoa Boulevard color palette (#EEFAE0, #BACEB9, #719E8A, #846666, #7B3C25)
• Lagoon Pier color palette (#FEF4E3, #77B991, #00888B, #714871, #424B3A)
• Dusty Seafoam Field color palette (#F1F7ED, #CDF9C4, #7EE3BC, #43AABA, #3B4837)

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