Softworn Pier color palette — #FFF2ED · #B0BBE9 · #9689BB · #9F5464 · #57404E

Brick and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sky (#B0BBE9): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#9689BB): A luminous, dusty violet — the color of wild irises.
• Brick (#9F5464): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#57404E): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged 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

• Bronze Boulevard color palette (#FFF2EA, #D2B1D4, #B4809C, #995F30, #5C3E42)
• Softworn Study color palette (#FFF2EF, #98CABA, #7692C6, #925787, #2E4F47)
• Timeworn Cerulean color palette (#F4F6F0, #CBE3E5, #8EB6DC, #4491AF, #5F4A5F)
• Periwinkle Courtyard color palette (#FAEDF7, #8598D6, #66515D, #42323F, #261F26)
• Patina Cobalt Grove color palette (#FBF5E3, #71B1D0, #746EAA, #5D5C28, #514252)
• Sunlit Drift color palette (#FFEADE, #BC8BD5, #A25A92, #8A3A00, #402444)
• Worn Pine Meadow color palette (#EBF9F3, #87B8D7, #8A85B7, #487644, #004D4D)
• Antique Powder Grove color palette (#E6FBEE, #9ADAFF, #AFA7D5, #968C5F, #3D4958)

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