Softworn Pier color palette — #FFF1F0 · #EBD5C8 · #D6B793 · #97707B · #604742

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#EBD5C8): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#D6B793): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#97707B): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#604742): A full-bodied, dusty orange — the color of toasted spice.

Feels like: 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

• Tempered Shell Pier color palette (#FFF1F5, #E4D8D3, #F5B7B1, #7483AA, #5F454B)
• Weathered Stone color palette (#FFF3E7, #E9E1AE, #95C39A, #915F54, #413E37)
• Washed Cocoa Ridge color palette (#FFF3E8, #C1A270, #98653F, #7B3F1F, #403D36)
• Mustard Bloom color palette (#FFF1F3, #FFC8AF, #B99F14, #99447C, #592522)
• Washed Mallow Studio color palette (#FAF1FF, #EAD5DB, #DC99CB, #B6AEA0, #5C475F)
• Powdered Apricot Orchard color palette (#FFF2EC, #F09277, #677822, #904732, #272414)
• Weathered Mustard color palette (#FFF2ED, #BFB057, #753F3D, #521900, #221A10)
• Hazy Terrace color palette (#FADAD7, #FC744C, #9E6F00, #63205F, #2E0104)

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