Timeworn Harbor color palette — #FFF2EE · #DFBCA5 · #A28D71 · #687467 · #42564D

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sand (#DFBCA5): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A28D71): A luminous, dusty gold — the color of honey in a jar.
• Pewter (#687467): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#42564D): A full-bodied, dusty teal — the color of sea glass.

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

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

• Weathered Apricot Field color palette (#FFF2EC, #E7977F, #B87C53, #835F3A, #504B45)
• Patina Fern color palette (#F7F5ED, #C1C4A0, #638C73, #785E5F, #4F5100)
• Weathered Pewter color palette (#FFDCBF, #BEA782, #6E7B54, #415D53, #4F3A49)
• Taupe Courtyard color palette (#F7F3FF, #E4D4E2, #9AAF9C, #778898, #485363)
• Patina Chapel color palette (#FFF3E6, #F1C588, #A57E42, #634821, #3A3630)
• Timeworn Apricot color palette (#FFF3E8, #DDA170, #60A1C8, #98663B, #335549)
• Aged Bloom color palette (#FFE6D5, #B58F56, #79681B, #174C5E, #332D50)
• Wandering Ash color palette (#F9F4ED, #C7E9EB, #769DC6, #3F7883, #604B5D)

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