Softworn Harbor color palette — #FFF0F7 · #FFD8C5 · #E3AE90 · #B47D64 · #4F2E42

Caramel and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#FFD8C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#E3AE90): A luminous, dusty gold — the color of old brass.
• Caramel (#B47D64): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#4F2E42): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Antique Taupe Basin color palette (#FFF0F9, #FFD1BB, #CB9072, #8F5C3C, #502F40)
• Stone Dune color palette (#E0FFE5, #FDE1B3, #D6B882, #9F8553, #453109)
• Antique Amber color palette (#FFEEE2, #F0BEA1, #B9714A, #703E1C, #321A05)
• Dusty Taupe color palette (#FFF0F9, #E6D7D5, #BEBFCE, #C99EAC, #5F4E56)
• Weathered Marigold color palette (#FFF3E5, #FFC77E, #E89600, #A46E00, #3B2100)
• Mustard Studio color palette (#F0F7F2, #EFDDA8, #8FC6A1, #C3A85A, #1C3232)
• Mustard Balcony color palette (#EDF9EF, #DFBE7C, #8EBDDE, #9A92C2, #324235)
• Seafoam Chapel color palette (#E3E1FF, #87F6C5, #FFC989, #796269, #372E30)

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