Softworn Pier color palette — #F3F4FF · #FED0FD · #DD94B9 · #A87275 · #664A5C

A conversation between Mauve and Thistle, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#FED0FD): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#DD94B9): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#A87275): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#664A5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Lilac Grove color palette (#EEF6FF, #DFD6F0, #BCA1E5, #9A7798, #584B66)
• Timeworn Terracotta Loft color palette (#FFEEF4, #D0AACE, #AC6C90, #964959, #58504D)
• Stone Hollow color palette (#FEF0FF, #E9DCD8, #DA99AA, #8D5B60, #3A243C)
• Weathered Apricot color palette (#F9F2FF, #EBD8D2, #E1947C, #9C7351, #3F5847)
• Worn Quarry color palette (#FAF1FF, #F9D2CD, #97DCC6, #C5839C, #224E52)
• Hushed Ember color palette (#FFF0F9, #FFA5B6, #E16B4C, #894912, #382500)
• Frosted Scarlet Drift color palette (#FFD7FA, #FF74A6, #CD3735, #6C2E00, #351D00)
• Rose Coast color palette (#FCF1FF, #FFA6DB, #F54C71, #B14117, #552C00)

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