Timeworn Harbor color palette — #FFF1F6 · #B49DC3 · #9B676B · #715403 · #4F4255

Coffee and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#B49DC3): A luminous, dusty violet — the color of wild irises.
• Mocha (#9B676B): A full-bodied, dusty red — the color of a theater curtain.
• Coffee (#715403): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#4F4255): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Tempered Fern color palette (#EEF8ED, #D1978C, #9A6B4D, #50612B, #573F4F)
• Weathered Field color palette (#FFF2EA, #FCB8E2, #D69BA9, #A28764, #554241)
• Driftwood Studio color palette (#E5F7F0, #B69FD5, #A65F74, #1C5E57, #2D293A)
• Mallow Workshop color palette (#F8F6E5, #CBAFED, #BF7C8D, #417B72, #584044)
• Weathered Lagoon Canyon color palette (#EFF8F2, #ABC9BB, #5C8D7D, #765B77, #3D5349)
• Worn Chestnut Quarry color palette (#E3F4E2, #BA6E62, #884616, #374700, #4C2316)
• Softworn Cypress Workshop color palette (#EFF7F5, #D0DEEC, #6BA4A9, #2E7E71, #375865)
• Misty Workshop color palette (#F5D4DF, #BA5058, #852A00, #353600, #440D0C)

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