Skip to main content
Image asset

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

Find your style

See how beautiful your house could look with TimberHue™ Collection siding products.

Image asset

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 example
    import "../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.

Image
*Individual colors may vary depending on display settings. Samples only available in Select Cedarmill® texture. Please check with your contractor or local dealer for availability in your area. Hover is a registered trademark of Hover Inc.