Introducing the 2026 Color of the Year: Iron Gray

Bring unparalleled beauty and confidence to your home's exterior with Iron Gray. The deep, sophisticated tone is a bold departure from lighter neutrals, sure to set your home apart.
See it on your home

Explore our products in Iron Gray

Featuring our proprietary ColorPlus® Technology finishes, our factory-applied, baked-on color resists peeling, chipping, and cracking so you get gorgeous color and long-lasting character with minimal maintenance needs.

Unknown Component

Received request from Uniform to render a component with the public ID: hoverSlider.

<UniformComposition /> does not have hoverSlider 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 HoverSlider({ body, headline }) {
  return (
    <div>
      HoverSlider!
      <UniformSlot name="content" />
    </div>
  )
}

registerUniformComponent({ type: "hoverSlider", component: HoverSlider })
    Props that your React component will receive
    {
  "body": "Iron Gray is a standout color option for homeowners seeking a bold exterior color that still has classical appeal. Whether as the primary color choice or as an accent, Iron Gray's versatility means it will stun on every home, from sleek and modern to earthy natural exteriors.",
  "headline": "Before and After",
  "component": {
    "type": "hoverSlider",
    "slots": {
      "content": [
        {
          "type": "media",
          "parameters": {
            "src": {
              "type": "text",
              "value": "//images.ctfassets.net/dzi2asncd44t/5Fvlvl1bvwTr9pz3GMx5Bf/183ca9358b5b1fc67ae2f1882e5eaff6/BEFORE.jpg"
            },
            "posterImage": {
              "type": "image",
              "value": "//images.ctfassets.net/dzi2asncd44t/1rNiHVnmHzRh9RRhsDYvjP/f77c51c244e79b389a931d62c20dde90/AFTER.jpg"
            }
          }
        },
        {
          "type": "media",
          "parameters": {
            "src": {
              "type": "text",
              "value": "//images.ctfassets.net/dzi2asncd44t/1rNiHVnmHzRh9RRhsDYvjP/f77c51c244e79b389a931d62c20dde90/AFTER.jpg"
            }
          }
        }
      ]
    },
    "parameters": {
      "body": {
        "type": "text",
        "value": "Iron Gray is a standout color option for homeowners seeking a bold exterior color that still has classical appeal. Whether as the primary color choice or as an accent, Iron Gray's versatility means it will stun on every home, from sleek and modern to earthy natural exteriors."
      },
      "headline": {
        "type": "text",
        "value": "Before and After"
      }
    }
  }
}
  • Import the component into the file where <UniformComposition /> is defined, for example 
    import "../components/HoverSlider.tsx"

Need more help? Check out the documentation.

High performance finish

With ColorPlus® Technology—a proprietary factory-applied, baked-on finish for Hardie® fiber cement products—your siding will have superior color consistency, adhesion, and durability with a 15-year warranty against fading, chipping, peeling, and cracking.

More protection, less maintenance

Get ready for a low maintenance finish with serious staying power: ColorPlus® Technology finishes are engineered to withstand severe weather from hurricanes, extreme heat, and humidity to snow, hail, freezing temperatures, and more.

Designer colors made simple

Our color palettes contain a selection of beautiful colors curated by our color experts. Instead of feeling overwhelmed by choices, you’ll feel empowered by our tried-and-true options.

Looking to get in touch with a Contractor?

Tell us more about your project and our experts will help bring it to life!

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.

Use Hardie™ Designer to see Iron Gray 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: tabsContainer.

<UniformComposition /> does not have tabsContainer 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 TabsContainer() {
  return (
    <div>
      TabsContainer!
      <UniformSlot name="content" />
    </div>
  )
}

registerUniformComponent({ type: "tabsContainer", component: TabsContainer })
    Props that your React component will receive
    {
  "component": {
    "type": "tabsContainer",
    "slots": {
      "content": [
        {
          "type": "tab",
          "slots": {
            "tabContent": [
              {
                "type": "textImageItem",
                "slots": {
                  "media": [
                    {
                      "type": "media",
                      "parameters": {
                        "src": {
                          "type": "text",
                          "value": "//videos.ctfassets.net/dzi2asncd44t/4z5r0tOsyFPMqKwzPNhFKX/500962b6aba42443a09e6775d4dd25e3/Hardie_Save_Share_1194x834.mp4"
                        },
                        "autoplay": {
                          "type": "checkbox",
                          "value": true
                        }
                      }
                    }
                  ]
                },
                "parameters": {
                  "bodyCopy": {
                    "type": "text",
                    "value": "Upload a photo to see what’s possible. It only takes seconds to generate endless options in looks you love—or are just discovering."
                  },
                  "headline": {
                    "type": "text",
                    "value": "Explore instant home inspiration"
                  },
                  "position": {
                    "type": "select",
                    "value": "right"
                  }
                }
              }
            ]
          },
          "parameters": {
            "title": {
              "type": "text",
              "value": "Get design ideas"
            }
          }
        },
        {
          "type": "tab",
          "slots": {
            "tabContent": [
              {
                "type": "textImageItem",
                "slots": {
                  "media": [
                    {
                      "type": "media",
                      "parameters": {
                        "src": {
                          "type": "text",
                          "value": "//videos.ctfassets.net/dzi2asncd44t/4DmVmD4X15Mx92KsAgB69s/e506af4203b0d59d01a9e01d4b8a9175/Design_Hardie_1194x834.mp4"
                        },
                        "autoplay": {
                          "type": "checkbox",
                          "value": true
                        }
                      }
                    }
                  ]
                },
                "parameters": {
                  "bodyCopy": {
                    "type": "text",
                    "value": "Try Hardie® products on photos of your home. Adjust the style, material, and color, then save photo-real images to share."
                  },
                  "headline": {
                    "type": "text",
                    "value": "Customize 
every detail"
                  },
                  "position": {
                    "type": "select",
                    "value": "right"
                  }
                }
              }
            ]
          },
          "parameters": {
            "title": {
              "type": "text",
              "value": "Discover materials"
            }
          }
        },
        {
          "type": "tab",
          "slots": {
            "tabContent": [
              {
                "type": "textImageItem",
                "slots": {
                  "media": [
                    {
                      "type": "media",
                      "parameters": {
                        "src": {
                          "type": "text",
                          "value": "//videos.ctfassets.net/dzi2asncd44t/1k0U7To4oWj9uzUQoA81Si/af2fc9d040e14108ec7af249ce88a525/Inspiration_Hardie_1194x834.mp4"
                        },
                        "autoplay": {
                          "type": "checkbox",
                          "value": true
                        }
                      }
                    }
                  ]
                },
                "parameters": {
                  "bodyCopy": {
                    "type": "text",
                    "value": "Quickly share your designs with friends, family, or your contractor to help push your progress forward."
                  },
                  "headline": {
                    "type": "text",
                    "value": "Get feedback on your designs"
                  },
                  "position": {
                    "type": "select",
                    "value": "right"
                  }
                }
              }
            ]
          },
          "parameters": {
            "title": {
              "type": "text",
              "value": "Save and share"
            }
          }
        },
        {
          "type": "tab",
          "slots": {
            "tabContent": [
              {
                "type": "textImageItem",
                "slots": {
                  "media": [
                    {
                      "type": "media",
                      "parameters": {
                        "src": {
                          "type": "text",
                          "value": "//videos.ctfassets.net/dzi2asncd44t/5dWvhpfPY3iIn0n1kDaDSV/2f1853065ae7a271ce0de97dafbb4ab4/Hardie_Make_It_Real_1194x834.mp4"
                        },
                        "autoplay": {
                          "type": "checkbox",
                          "value": true
                        }
                      }
                    }
                  ]
                },
                "parameters": {
                  "link": {
                    "type": "link",
                    "value": {
                      "path": "/request-siding-quote",
                      "type": "projectMapNode",
                      "nodeId": "f89173e2-fea4-4a83-a5bd-49b5f7bf3e0e",
                      "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9"
                    }
                  },
                  "ctaText": {
                    "type": "text",
                    "value": "Request a quote"
                  },
                  "bodyCopy": {
                    "type": "text",
                    "value": "Begin your exterior renovation journey with us. Connect with a pro to choose design, material, and color."
                  },
                  "headline": {
                    "type": "text",
                    "value": "Find a pro and get quotes"
                  },
                  "position": {
                    "type": "select",
                    "value": "right"
                  }
                }
              }
            ]
          },
          "parameters": {
            "title": {
              "type": "text",
              "value": "make it real"
            }
          }
        }
      ]
    }
  }
}
  • Import the component into the file where <UniformComposition /> is defined, for example 
    import "../components/TabsContainer.tsx"

Need more help? Check out the documentation.

Unable to find Uniform Context. Ensure the devtools plugin is activated.

logo
© 2025 James Hardie Building Products Inc. All rights reserved. Unless otherwise noted ™ or ® denote trademarks or registered trademarks of James Hardie Technology Ltd.