Skip to main content
House Color

See a new roof color on your own house

Try charcoal, weathered wood, black or slate shingles and metal roof colors on a photo of your house. Your siding and windows stay exactly as they are.

Sample house after: roof Charcoal (shingle)
Sample house before: Craftsman bungalow with a brick porch and shingle roof
BeforeSample houseAfter

Stand across the street. Whole front in frame. Daylight.

Same craftsman, three roofs

The bungalow below has a warm brown roof today. Here it is with charcoal, slate gray and black shingles, plus a matte black metal roof and a charcoal roof paired with new cream siding on a farmhouse.

Craftsman bungalow with a brick porch and shingle roof, repainted: roof Charcoal (shingle)
Craftsman bungalow with a brick porch and shingle roof, original photo
BeforeAfter

Charcoal shingle roof

Craftsman bungalow with a brick porch and shingle roof

Real photo
  • RoofCharcoal shingle
Craftsman bungalow with a brick porch and shingle roof, repainted: roof Slate Gray (shingle)
Craftsman bungalow with a brick porch and shingle roof, original photo
BeforeAfter

Slate gray shingle roof

Craftsman bungalow with a brick porch and shingle roof

Real photo
  • RoofSlate Gray shingle
Craftsman bungalow with a brick porch and shingle roof, repainted: roof Onyx Black (shingle)
Craftsman bungalow with a brick porch and shingle roof, original photo
BeforeAfter

Black shingle roof

Craftsman bungalow with a brick porch and shingle roof

Real photo
  • RoofOnyx Black shingle
Two-story farmhouse with lap siding and a metal roof, repainted: roof Matte Black Metal (metal)
Two-story farmhouse with lap siding and a metal roof, original photo
BeforeAfter

Matte black metal roof

Two-story farmhouse with lap siding and a metal roof

Real photo
  • RoofMatte Black Metal metal
Two-story farmhouse with lap siding and a metal roof, repainted: siding Alabaster SW 7008, roof Charcoal (shingle)
Two-story farmhouse with lap siding and a metal roof, original photo
BeforeAfter

Charcoal roof with cream siding

Two-story farmhouse with lap siding and a metal roof

Real photo
  • SidingAlabaster SW 7008
  • RoofCharcoal shingle

Screen colors are an approximation. Always check a real sample on your wall in daylight before you buy.

Pick the roof that goes with your siding

A roof is the one exterior color you cannot repaint next year. Shingles last 20 to 30 years and metal even longer, so the color you pick has to work with the siding you have now and the siding you might paint later. That is hard to judge from a sample board on the ground or a brochure photo of somebody else's house.

With the roof color visualizer you keep everything else fixed and change only the roof covering. Shingles stay shingles and metal stays metal; only the color changes. Look at the full house from the street, the way neighbors and buyers will see it, and check how the new roof sits with your brick, stone, trim and front door.

Simple pairing rules that hold up

Roofers and designers lean on a few pairings that work on most houses:

  • White, cream or light gray siding: charcoal, black or slate gray roofs give the crisp, classic contrast.
  • Warm beige, tan or greige siding: weathered wood, driftwood or barkwood blends keep it soft and warm.
  • Red or orange brick: charcoal or weathered wood, rather than a red or brown roof that competes with the brick.
  • Blue, gray or green siding: charcoal and slate gray tie in the cool tones; black adds drama.
  • Modern dark exteriors: matte black metal or onyx shingles for a single, quiet block of color.

A note on light and dark roofs

Lighter roofs reflect more sunlight and darker roofs absorb more, which is why you see more light roofs in hot, sunny regions. How much that matters for your energy bill depends on your insulation, ventilation and climate, so ask your roofer about it. The visualizer is for the look; your roofer handles the performance.

The roof colors here are generic shingle and metal colors, not a particular manufacturer's product. When you find a look you like, take the result to your roofer or supplier and ask for their closest match, then look at a real shingle sample against your siding outside.

Roof and siding pairings at a glance

Find the row closest to your siding, then try those roof colors on your own photo. Swatches are approximate.

On your house nowRoof colors to try
White or light gray siding
  • CharcoalshingleCharcoal, shingle roof, dark charcoal gray
  • Onyx BlackshingleOnyx Black, shingle roof, deep black
  • Slate GrayshingleSlate Gray, shingle roof, cool slate gray
Beige, tan or greige siding
  • Weathered WoodshingleWeathered Wood, shingle roof, weathered brown gray blend
  • DriftwoodshingleDriftwood, shingle roof, warm driftwood brown blend
  • BarkwoodshingleBarkwood, shingle roof, rich bark brown blend
Red or orange brick
  • CharcoalshingleCharcoal, shingle roof, dark charcoal gray
  • Weathered WoodshingleWeathered Wood, shingle roof, weathered brown gray blend
  • PewtershinglePewter, shingle roof, medium pewter gray
Blue, gray or green siding
  • CharcoalshingleCharcoal, shingle roof, dark charcoal gray
  • Slate GrayshingleSlate Gray, shingle roof, cool slate gray
  • Onyx BlackshingleOnyx Black, shingle roof, deep black
Dark or modern exterior
  • Matte Black MetalmetalMatte Black Metal, metal roof, matte black
  • Onyx BlackshingleOnyx Black, shingle roof, deep black
  • Galvalume SilvermetalGalvalume Silver, metal roof, bright silver metallic

Questions about the roof color visualizer

Does the roof visualizer change my siding?

No. The Roof option changes only the roof covering and keeps the siding, trim, windows and landscaping as they are.

Can I see a metal roof?

Yes, there are metal roof colors such as matte black and galvalume silver. The render keeps the material your roof has today and changes its color, so it works best on a photo of a roof with the same material.

Are these real shingle brand colors?

They are generic colors that cover the common shingle and metal families. Ask your roofer for the closest product match and check a real sample against your house.

Can I change the roof and the siding together?

Render the roof first, then switch to Siding or Whole house and try siding colors on the same photo. Compare puts the looks side by side.

$9.99

Try 2 renders free.

Then $9.99 once for 25 renders and HD downloads for your whole project. No subscription.

See pricing