Timeworn Harbor color palette — #F9F3F8 · #DFD7D8 · #9FB6E0 · #B2B5A8 · #584F57

A conversation between Sky and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#DFD7D8): bright and airy, almost weightless.
• Sky (#9FB6E0): A luminous, dusty violet — the color of a velvet chair.
• Ash (#B2B5A8): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#584F57): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Timeworn 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

• Patina Lilac Canyon color palette (#FAF3F7, #EBD6D3, #B3B0A1, #9B94FF, #4E3845)
• Driftwood Field color palette (#EDF2F9, #D8D5DF, #B7AAB1, #73849D, #32363C)
• Patina Summit color palette (#FEF4E3, #BFCFFD, #BBA2CF, #A7864C, #55414D)
• Muted Powder Atelier color palette (#FBEEF4, #B6ADED, #8D747A, #624E58, #261F24)
• Hushed Archive color palette (#FFF0FB, #EBD6DD, #D3B3B3, #ADA185, #535000)
• Washed Peony Study color palette (#FFF1F0, #E6D7C8, #D5BE9D, #FB41AA, #452B29)
• Weathered Plum color palette (#F9ECEC, #BAADA3, #AE9578, #B23992, #200D0F)
• Lapis Chapel color palette (#E8DFE5, #B09B9A, #A08079, #454CD6, #12040E)

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