Softworn Pier color palette — #FFF1F2 · #FF9E73 · #9F3A8D · #502C48 · #2B1215

A conversation between Magenta Rose and Melon, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FF9E73): A luminous, balanced orange — the color of toasted spice.
• Magenta Rose (#9F3A8D): A full-bodied, vivid pink — the color of a candy shop window.
• Mulberry (#502C48): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#2B1215): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

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

• Softworn Chapel color palette (#FDE9E7, #F49C5E, #904963, #4C2B27, #22110F)
• Grape Corridor color palette (#FFF1F6, #FF9B8F, #7850AE, #432D62, #28131C)
• Weathered Marigold Thicket color palette (#FFF1F4, #C79A29, #632F6F, #37163F, #2C1018)
• Soft Orchid color palette (#F5F3FF, #F0C977, #B967CC, #7C3D8A, #1B162E)
• Scarlet Courtyard color palette (#FFF1F1, #FF90CD, #EA3E29, #C03A8C, #311305)
• Chalky Terracotta color palette (#FFDCCB, #EE9300, #A32500, #521709, #1E0801)
• Peony Pier color palette (#FFF2F0, #E6D7C9, #CDBCA9, #BD6784, #4B3B39)
• Ancient Cocoa Station color palette (#FCF3ED, #F1C999, #9F715C, #743D0E, #322924)

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