
TimberHue™ Collection
The TimberHue™ Collection by James Hardie honors wood’s legacy with a rich, authentic grain and two-tone finish that provides the warmth of a stained wood look, matched with the durability and low maintenance of Hardie® fiber cement products and ColorPlus® Technology finishes.Explore the collection and order a sample
The TimberHue™ Collection features an array of color options— ranging from warm chestnuts to cool greys—reflecting today’s design trends while maintaining timeless appeal. Each of the eight colors was hand-selected by design experts to create a warm, welcoming exterior that feels both natural and elevated. Mix with other Hardie® products for a modern, mixed material aesthetic or used as an accent to highlight architectural features. Order a free sample below to see and feel the difference.
Loading...
See the inspiration behind the collection
Discover the innovation behind the two-tone finish and see why homeowners are already choosing it for their exteriors.
Why Hardie® products?
Learn why California homeowners Josh & Kristen chose to use the TimberHue™ Collection for their home.
Curating the collection
Hear directly from the James Hardie Product and R&D teams on the inspiration behind the TimberHue™ Collection.
Modernizing a Classic: Symbi Homes and the TimberHue™ Collection
See how Symbi Homes transformed a 1950s kit home using the TimberHue™ Collection Hardie® Plank, paired with Hardie® Architectural Panel and Hardie™ Architectural Metal Trim. This project created a modern, low-maintenance exterior with the authentic look of wood, honoring the home's history while ensuring lasting performance.Find your style
See how beautiful your house could look with TimberHue™ Collection siding products.

See the TimberHue™ Collection on your home—instantly
Our design tool, powered by Hover®, allows you to see your home clad with Hardie® products instantly, with just one image! Try it now with your home.
Unknown Component
Received request from Uniform to render a component with the public ID: hoverEmbed.
<UniformComposition /> does not have hoverEmbed mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function HoverEmbed() { return ( <div> HoverEmbed! </div> ) } registerUniformComponent({ type: "hoverEmbed", component: HoverEmbed })Props that your React component will receive
{ "component": { "type": "hoverEmbed" } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/HoverEmbed.tsx"
Need more help? Check out the documentation.
Your re-side story starts here
Ready to transform your home? Find local contractors who can make your home exterior project simple—and simply beautiful.





