Softworn Pier color palette — #FFDDE3 · #AB6B5C · #6E4300 · #003D35 · #00181F

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#FFDDE3): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#AB6B5C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#6E4300): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003D35): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00181F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Chestnut Alley color palette (#FBE1F9, #A5747B, #7C4821, #003B4D, #17224C)
• Patina Basin color palette (#F7E4DA, #9B7D43, #4B531E, #00364C, #060B31)
• Bronze Summit color palette (#FDDAD5, #9B5319, #594200, #002529, #00080F)
• Raspberry Station color palette (#F3E8F8, #AE598C, #6D3C3D, #2F2E07, #001B13)
• Shadow Balcony color palette (#F7E8DE, #725E20, #2D3700, #001F17, #0A0007)
• Washed Coral Lagoon color palette (#F8D3FF, #EA857D, #846D2F, #054258, #001A24)
• Stone Harbor color palette (#FFE8E1, #D5B59F, #978670, #4D5C4D, #20382D)
• Washed Bloom color palette (#FCECE1, #A74E00, #005F89, #582600, #000912)

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