Softworn Harbor color palette — #FFD6D6 · #FFAFA7 · #EC8A74 · #B0725A · #4C4541

Salmon and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD6D6): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#FFAFA7): A whisper-light, balanced orange — the color of toasted spice.
• Salmon (#EC8A74): A luminous, balanced orange — the color of autumn markets.
• Mocha (#B0725A): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#4C4541): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Softworn Harbor 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

• Airy Blush Study color palette (#FFDFEE, #FFA8C8, #EC86A2, #BA6F7C, #633C31)
• Weathered Coral Bloom color palette (#FDF0FF, #FFCFCC, #E88975, #A56034, #593611)
• Washed Apricot Courtyard color palette (#FFDFCD, #FFB371, #E59D51, #AC844B, #48443D)
• Gentle Mallow Study color palette (#FFF2EB, #FFB8A0, #CBACF9, #D5886E, #493A5E)
• Softworn Parlor color palette (#FEDEDE, #D2899A, #C05B47, #814100, #362600)
• Muted Coast color palette (#FFF3E9, #FFA665, #A8C065, #CD90AD, #3D3732)
• Worn Harbor color palette (#FFF3E9, #DFDBC6, #A7C3DA, #D0A08D, #6D3F00)
• Misty Ember color palette (#F9DFDB, #EE4600, #AF4500, #6D3300, #1F0C00)

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