Softworn Pier color palette — #FFF0FC · #E7D5D5 · #A8CDAE · #A15E72 · #5E4355

Mocha and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E7D5D5): a clean, paper-quiet neutral.
• Pistachio (#A8CDAE): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A15E72): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal Brown (#5E4355): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, 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

• Timeworn Stone Lagoon color palette (#FDF0FE, #E9D4D7, #EDB88B, #A46C88, #5B4557)
• Hushed Driftwood color palette (#FFF1F7, #C2EFFA, #C5CC92, #AA6A5E, #425440)
• Cocoa Summit color palette (#FFF2EE, #D3E3A5, #E0D9CE, #B48AB0, #723713)
• Bronze Cabin color palette (#E0FDED, #ADE7EE, #7DCA9E, #8D671B, #1B473A)
• Soft Thicket color palette (#E0FFE2, #F0EDA1, #91CC84, #B16400, #554813)
• Jade Lagoon color palette (#D4F6E0, #CCD4A8, #65AB6F, #7E4B00, #3B3600)
• Muted Meadow color palette (#FFF1F6, #C3AB7B, #744410, #462400, #2D1C23)
• Worn Brick color palette (#FFF2EB, #FCCA80, #B5AB1C, #B50025, #552E00)

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