Softworn Pier color palette — #FFF1F7 · #EAC1A2 · #BB917A · #886A7D · #534248

A conversation between Sand and Taupe, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sand (#EAC1A2): A whisper-light, dusty gold — the color of old brass.
• Taupe (#BB917A): A luminous, dusty gold — the color of honey in a jar.
• Slate (#886A7D): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#534248): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Cabin color palette (#FEF1F8, #CCEFE5, #D1A28C, #8C6E8E, #2F453A)
• Tempered Field color palette (#ECFAEB, #B2D5B7, #89A487, #876C76, #3F4B42)
• Wandering Cocoa color palette (#FFF3EA, #E9D6C3, #D3AD92, #B78379, #624000)
• Antique Sand color palette (#EBF8F7, #D7D594, #548884, #325452, #232E2D)
• Bronze Bloom color palette (#DAEDDD, #B59C4F, #916A00, #6A4400, #062C1B)
• Patina Mustard color palette (#D9F9D8, #E3A929, #AF7A29, #825528, #1A3E27)
• Ancient Coast color palette (#E7F9FC, #58C0AB, #7F9DCA, #877A4A, #2F4143)
• Linen Bronze color palette (#F8E3D4, #B06B00, #7C4100, #502000, #130900)

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