Softworn Pier color palette — #FEDEDB · #DB99A1 · #B8685D · #5E4B00 · #33312A

Mocha and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FEDEDB): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#DB99A1): A luminous, dusty red — the color of embers at dusk.
• Mocha (#B8685D): A luminous, balanced orange — the color of toasted spice.
• Bronze (#5E4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#33312A): quiet, heavy and certain.

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

• Tempered Raspberry color palette (#FFD7E5, #C6A0CC, #A85F8F, #6E3F2D, #37312C)
• Bronze Villa color palette (#FFDAC3, #D7A884, #A47200, #2F5A23, #263110)
• Washed Fern Harbor color palette (#FFEEE6, #DBB59A, #9B8269, #635F0F, #373F00)
• Antique Summit color palette (#FFD9E4, #BC7478, #8F4B3D, #473C00, #1D2200)
• Muted Mallow color palette (#EFE1FF, #E194C8, #B06D55, #35636A, #244760)
• Mallow Station color palette (#FFF0FB, #F499C2, #C8848C, #567357, #38506F)
• Dusty Coral color palette (#F5F4FF, #FAC4F5, #E98687, #008789, #054F57)
• Antique Bronze Coast color palette (#FEE0D5, #A35D20, #5D4100, #092F00, #000F06)

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