Timeworn Harbor color palette — #FFF4DE · #AFB981 · #8A751D · #643C00 · #131400

Walnut takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#AFB981): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8A751D): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#643C00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#131400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Frosted Pier color palette (#FFF3E8, #D0AC73, #AA6125, #7E1F14, #191100)
• Antique Garden color palette (#FAF5E5, #BCD0A3, #928D41, #745100, #202501)
• Lowlit Study color palette (#E8DFC8, #687C35, #443C00, #1C0F00, #000200)
• Ancient Cocoa color palette (#FFE7CF, #9B8343, #6E4200, #3E1100, #010100)
• Worn Moss color palette (#CFE8D7, #858F3E, #675400, #502E00, #012B26)
• Worn Workshop color palette (#FAF4EB, #D6E2C6, #BDAD81, #A06E38, #444200)
• Misty Garnet color palette (#F8E0D0, #B99166, #944619, #630013, #060300)
• Muted Taupe color palette (#FFF3E8, #F3D8B4, #C6916B, #905B52, #34312B)

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