Softworn Harbor color palette — #FFF1F2 · #E3C5C2 · #B59678 · #6C759D · #6B474B

Slate and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Oat (#E3C5C2): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#B59678): A luminous, dusty gold — the color of old brass.
• Slate (#6C759D): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#6B474B): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged vintage, retro, muted.

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 Driftwood Field color palette (#FFF2EE, #EED3CA, #BDAF96, #9C7384, #644A43)
• Muted Garnet Field color palette (#EEDECC, #C0A78C, #87847C, #754F79, #5E231F)
• Tempered Balcony color palette (#FFE5E2, #CDB694, #76A371, #96536A, #6B394A)
• Lagoon Orchard color palette (#FFE4F4, #A6BCA5, #689580, #45687B, #494961)
• Weathered Garden color palette (#F6F6EB, #BBCAAC, #549CA3, #8C6379, #314C09)
• Tempered Mulberry Parlor color palette (#F8E3C7, #A69071, #497C46, #7F234D, #361E00)
• Aubergine Drift color palette (#E9DAE3, #B17C74, #6D610F, #4D285D, #280A34)
• Quiet Cornflower Parlor color palette (#F9F7DB, #96B06D, #57A0D6, #4785E0, #393831)

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