Softworn Harbor color palette — #F6F4FB · #E2D8DB · #B2ABA2 · #987592 · #535158

Heather takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F6F4FB): a clean, paper-quiet neutral.
• Silver (#E2D8DB): bright and airy, almost weightless.
• Ash (#B2ABA2): a calm mid-gray that lets other colors speak.
• Heather (#987592): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#535158): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Harbor 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

• Driftwood Coast color palette (#F8F0F0, #DBD5D1, #B3B1A3, #9E738F, #3D3434)
• Timeworn Denim color palette (#F3F4FF, #C7B7CF, #A58896, #5B6F81, #3D5365)
• Dusty Onyx Harbor color palette (#E6E3EA, #A494A2, #806972, #500038, #0D0515)
• Ash Grove color palette (#E3FBF7, #BA98CE, #A0655C, #326071, #4C4259)
• Worn Shell Hollow color palette (#F8F2FE, #E3D5E1, #F1AEC1, #B68F61, #523A4D)
• Antique Cocoa Boulevard color palette (#F5E8EE, #9DAFA1, #6A867E, #5A2600, #200C17)
• Muted Garnet Studio color palette (#F2ECF3, #D4C8CF, #91A793, #7E3C4E, #352839)
• Softworn Driftwood Boulevard color palette (#F6EFF8, #B16073, #47373F, #2D252F, #181318)

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