Softworn Pier color palette — #FFF1F4 · #FFD2DC · #E298B9 · #AA5D63 · #58514D

A conversation between Mocha and Ballet Pink, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFD2DC): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E298B9): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#AA5D63): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal Brown (#58514D): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Worn Dune color palette (#FFEDED, #E492BC, #B06785, #814F5D, #442A24)
• Bronze Harbor color palette (#FFF2EF, #ECD6C6, #E79B80, #B17542, #534E48)
• Dusty Blush color palette (#F7F2FF, #FFC0DF, #F194BD, #C28293, #5F4C62)
• Scarlet Corridor color palette (#FFE1F1, #EE849C, #D23328, #7F2A00, #361D00)
• Muted Blush color palette (#FFF2EF, #F7D2CA, #86DFCE, #DF7194, #384D2E)
• Softworn Cocoa color palette (#FFF2EF, #E1DACF, #DDADD5, #9BB2B3, #7C3E22)
• Ember Alley color palette (#FFF1F5, #FFB4B1, #D85E3C, #934D00, #412700)
• Washed Blush color palette (#FFF0FB, #FFBED0, #FF5C79, #BC2E00, #5B2500)

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