Softworn Pier color palette — #ECF4FF · #BCC8E1 · #9DA3BD · #9B6779 · #634864

Mocha and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#ECF4FF): a clean, paper-quiet neutral.
• Lilac Frost (#BCC8E1): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#9DA3BD): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#9B6779): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal Brown (#634864): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged vintage, retro, 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 Glacier color palette (#DFFEEA, #AFE6E7, #C5A8C8, #91797F, #654B4D)
• Cerulean Canyon color palette (#D9FDFE, #9ABDCA, #7089B2, #73535D, #3E5440)
• Tempered Chestnut color palette (#E5DAEE, #B0A7C6, #A46484, #894D28, #553300)
• Aged Rust Lantern color palette (#DCE3FF, #CDB1E3, #B482B0, #A8503E, #643D23)
• Frosted Corridor color palette (#E3EAF7, #A4A7E7, #8F71BD, #AC2F5F, #6B2221)
• Worn Plum color palette (#EEEBFD, #B87FA3, #9C516A, #6C3D0A, #362400)
• Dusty Grove color palette (#D8DFF4, #866BA2, #693C6C, #5C1512, #1C0600)
• Gentle Workshop color palette (#EDF6FF, #87BEEE, #D687B6, #1B86D0, #602F4D)

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