Skip to content

Hopscotch Quilt Block Tutorial

    So the Hopscotch quilt block I’m going to show you today is nothing like the ones I find in a Google search. This one was first published in the Kansas City Star many years ago. I’ve been intrigued with this block but it has quite a few patches, seams, etc. so we’ll see how I do!?! Let’s get started!

    hopscotch quilt block

    Fabric Requirements for a 12″ Finished Hopscotch Quilt Block:

    • Light/Ivory: 2 – 5″ squares, and 4 – 2.5″ squares
    • Medium 1/Pink: 2 – 3″ squares, and 12 – 2.5″ squares
    • Medium 2/Green: 2 – 3″ squares, and 12 – 2.5″ squares
    • Dark/Burgundy: 2 – 5″ squares, and 8 – 2.5″ x 4.5″ rectangles

    hopscotch fabric requirements

    Sewing Directions:

    Half Square Triangle Units:

    Step 1:

    Using the Medium 1/Pink 3″ squares and the Medium 2/Green 3″ squares, sew together four Half Square Triangle units as shown in the picture below. Trim/square up these Half Square Triangles to 2.5″ square. You can find my tutorial for constructing Half Square Triangles at https://quiltembroiderypdf.com/how-to-sew-a-basic-half-square-triangle-block

    hopscotch 1

    Step 2:

    Now you can repeat Step 1 only using the Light/Ivory 5″ squares and the Dark/Burgundy 5″ squares. Trim/square up these Half Square Triangles to 4.5″ square as shown in the picture below.

    hopscotch 2

    Flying Geese Units:

    Step 3:

    Sew together eight Flying Geese units as shown in the picture below using the eight Dark/Burgundy 2.5″ rectangles, eight Medium 1/Pink 2.5″ squares, and eight Medium 2/Green 2.5″ squares. You can find my tutorial for making Flying Geese blocks at https://quiltembroiderypdf.com/how-to-sew-a-basic-flying-geese-block

    hopscotch 3

    Step 4:

    Sew two Step 3 units together and press the seam allowance toward the Medium 2/Green fabric as shown in the picture below. Repeat for a total of four units.

    hopscotch 4

    Birds in the Air Variation Units:

    Step 5:

    This unit is a variation on the Birds in the Air block. I like this method of sewing it because I’m not sewing on a cut bias edge and I think it’s more stable. First lay out a Light/Ivory 2.5″ square, a Medium 1/Pink 2.5″ square and a Medium 2/Green 2.5″ square as shown below.

    hopscotch 4

    Step 6:

    Sew together the Light/Ivory 2.5″ square and the Medium 2/Pink 2.5″ square as shown in the picture below, and…

    Hopscotch 5

    Step 7:

    Press the seam allowance toward the pink fabric.

    hopscotch 6

    Step 8:

    Next, you can sew the Medium 2/Green 2.5″ square onto the Step 7 unit as shown below and press the seam allowance toward the green fabric.

    hopscotch 7

    Step 9:

    Here’s where this unit gets interesting! Pair up your Step 8 unit and a Step 2 unit as shown below. 

    hopscotch 8

    Step 10:

    Draw a line from corner to corner on the Step 8 unit and match it up with the large Half Square Triangle as shown below. Be sure to get the orientation of the two units right! Sew on the marked line.

    hopscotch 9

    Step 11:

    Fold the Half Square Triangle along the seam line and press as shown in the picture below.

    hopscotch 10

    Step 12:

    Open the Half Square Triangle back up and trim away the excess fabric in the seam allowance as shown below.

    hopscotch 11

    Step 13:

    Fold it back and your unit is complete! I did find that I needed to press the seam allowance in two of these units in the opposite direction (toward the pink and green fabrics). Repeat Steps 5 through 13 for a total of four Birds in the Air Variation units.

    hopscotch 12

    Center Unit:

    Step 14:

    Lay out the four Birds in the Air Variation units as shown in the picture below.

    hopscotch 13

    Step 15:

    Sew the units together in a typical Four Patch manner as shown below. You can find my tutorial for making a Four Patch block at https://quiltembroiderypdf.com/how-to-sew-a-basic-four-patch-quilt-block Actually, this Center unit would make a nice quilt block all on its own!

    hopscotch 14

    Step 16:

    Press the seam allowances using the tweak/twirl/furl method as shown below. You can also see the directions that I pressed the Birds in the Air Variation units in the picture.

    hopscotch 15

    Putting It All Together:

    Step 17:

    Lay out the Step 1 Half Square Triangle units, the Flying Geese units, and the Center unit as shown in the picture below.

    hopscotch 17

    Step 18:

    Now the units can be sewn together just like an uneven Nine Patch block. First you sew the units into three rows as shown in the picture below.

    hopscotch 18

    Step 19:

    And press the seam allowances. You can see in the picture below that I’ve pressed the seam allowances toward the Flying Geese units but you can press however you want.

    hopscotch 19

    Step 20:

    Now you simply sew the three rows together to complete the block! A lot of the seams will nest – but some will not.

    hopscotch 20

    Step 21:

    Press the seam allowances. You can see in the picture below that I’ve pressed mine away from the center of the Hopscotch quilt block.

    hopscotch 21