Softworn Harbor color palette — #FFD3D2 · #D18C9E · #A45753 · #57451A · #221A00

Built around Brick, softened by Dusty Rose — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFD3D2): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#D18C9E): A luminous, balanced red — the color of a theater curtain.
• Brick (#A45753): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#57451A): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged vintage, retro, 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

• Timeworn Basin color palette (#EED9FF, #BE98BF, #A35F88, #65341C, #271300)
• Hushed Harbor color palette (#F2DDD0, #D99762, #83662E, #1D511A, #001A10)
• Worn Chestnut Delta color palette (#FDDADC, #B6796F, #944500, #363700, #030A00)
• Blush Villa color palette (#E6DAF9, #D68AB7, #B76F56, #2C6A65, #1E341B)
• Hushed Bronze Veranda color palette (#F0DBCF, #A16B28, #5D4600, #002A0C, #000201)
• Cocoa Thicket color palette (#EDDBF1, #836D90, #7C433B, #143415, #001A15)
• Muted Plum color palette (#FFE4EF, #ED5494, #B40053, #6F0028, #210003)
• Taupe Orchard color palette (#FFF3E5, #EBD9A5, #A0A262, #647357, #2B3C2A)

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