Easy DIY Quilted Fabric Coasters Sewing Tutorial – Two Styles

Easy DIY Quilted Fabric Coasters Sewing Tutorial – Two Styles

Quilted fabric coasters are the perfect DIY sewing project to use up those fabric scraps.

Sewing quilted fabric coasters is an easy way to use up those fabric scraps and to dress up your tables. I chose Christmas fabric for this sewing tutorial because I have so many scraps and I love the fabrics! Plus, Christmas is the holiday I decorate for the most and the more ways to add Christmas decorations, the better! You can use this sewing pattern for any fabric scraps and keep the quilted coasters out all year round!

Create some matching placemats and fabric napkins to add some more fun items to your home decor.

This post contains affiliate links. Please see below disclosure for more information.

***You can find the ad-free, printable PDF version of this sewing tutorial available for purchase HERE. Includes 14-pages of step-by-step instructions with pictures and templates. Print a copy to keep next to your sewing machine for easy reference.***

Fabric coaster supplies needed:

Download and print coaster templates

Click on the buttons below to download the fabric coaster templates. Print the templates. Be sure your printer is set to print actual size.

Keep track of your sewing projects, like this one, with a sewing planner. This sewing planner is specifically designed for non-clothing sewing projects and helps you stay organized – fabric used, measurements, hardware used, notes, etc. Also included are pages such as sewing tips and fabric shops. Get your sewing planner HERE.

Sewing project planner for keeping your sewing projects organized.

Cut out your coaster templates

Square and circle coaster templates

Cut out your coaster templates using paper scissors. You can use the paper templates for your coasters or you can trace them onto Pellon 830 Easy Pattern. I taped the paper patterns onto the easy pattern and cut out the templates. I like to use the easy pattern because I am planning on making multiple fabric coasters and the easy pattern templates will last much longer.

Gather your fabric scraps and cut

Fabric scraps for circle and square coasters

Now that you have your templates cut and ready to go, it’s time to gather your fabric scraps.

Cutting 2 inch fabric strips for coasters

Using your cutting mat, clear ruler, and rotary cutter, cut a total of 10 2-inch strips of fabric. The length of the strips should be at least 7 inches long. You’ll use 5 strips for each coaster.

Style #1 – Square Coaster

Fabric strips cut and fabric square back for square coaster

Cut fabric square measuring 5 inches by 5 inches for the back of the square coaster.

Cut a piece of batting measuring 5 inches by 5 inches.

Grab 5 of the 2-inch strips and lay them out in the order you would like them for your coaster.

Sew the strips together

Sew first and second fabric coaster strips together
Sewing fabric strips together lengthwise

Place the 2nd strip of fabric on top of the first strip of fabric, right sides together. Pin in place. Sew along the right edge lengthwise.

Continue to sew the fabric coaster strips together lengthwise

Now place the 3rd strip on top of the 2nd strip and sew along the edge lengthwise.

Repeat with the other 2 fabric strips.

Picture of fabric strips sewn together
Press the seams flat

After all 5 fabric strips are sewn together, press the seams flat as shown in the above picture.

Picture of fabric strips sewing together and pressed

The above picture shows what your fabric coaster looks like at this point.

Time to sew together

Square template placed on top of fabric pieces
Square coaster template pinned to fabric

Place the square coaster template on top of the fabric strips. I chose to put my template in a diagonal position to show more of the fabric pieces. Pin in place and cut the fabric using your sewing scissors.

Square coaster on top of fabric strips right sides together

Now place the coaster back fabric on top of the strips of fabric, right sides together.

Add the batting on top of fabric back

Next place the batting on top of the wrong side of the fabric back. Pin in place.

Coaster pinned and ready to sew
Sewing the square coaster together

Sew around the perimeter, leaving an opening for turning. See above pictures.

Clip the corners with sewing scissors

Clip the corners using your sewing scissors.

Square fabric coaster turned right side out

Turn right side out and push out the corners. Press.

Top stitch around the perimeter of the coaster

Top stitch around the outer edge with about 1/4 inch seam allowance, pivoting the corners. This will give it a finished look and sew the opening closed.

Quilt the fabric coaster

Now it’s time to quilt the fabric coaster. I like to quilt it because it keeps the fabric from bunching up when using the coaster for a hot beverage.

Quilt along the fabric strip seams of the coaster

Starting at the edge of the top stitch, sew along the seams of your fabric scraps.

You are finished with the square coaster!

Finished square quilted coaster
Picture showing the finished back of the quilted square coaster

***You can find the ad-free, printable PDF version of this sewing tutorial available for purchase HERE. Includes 14-pages of step-by-step instructions with pictures and templates. Print a copy to keep next to your sewing machine for easy reference.***

Style #2 – Circle Coaster

Grab the other 5 fabric strips and sew together following the same steps as the square coaster.

Cut a piece of fabric for the back of the circle coaster measuring at least 5 inches by 5 inches. Cut a piece of batting the same size.

Place circle template on fabric strips and pin

Place your circle coaster template on top of the sewn fabric strips and pin in place. Cut the fabric with your sewing scissors.

Circle coaster template on back fabric ready to cut

Use your circle template to cut out the back of the coaster and the batting.

Circle coaster fabric right sides together with batting on top.

Place your fabric pieces right sides together and add the batting on top. Pin in place.

Sew around the circle coaster leaving an opening for turning

Sew around the circle, leaving an opening for turning.

Make triangle cuts around the circle coaster

Make little triangle cuts around the circle using your sewing scissors.

Turn right side out. Press.

Top stitch around using about a 1/4 inch seam allowance.

Quilt the circle coaster along the fabric strip seams

Quilt the circle coaster following the same steps as the square coaster. Press.

Finished quilted fabric circle coaster
Picture showing the finished back of the quilted circle coaster

***You can find the ad-free, printable PDF version of this sewing tutorial available for purchase HERE. Includes 14-pages of step-by-step instructions with pictures and templates. Print a copy to keep next to your sewing machine for easy reference.***

You are finished!

I hope you enjoyed this fabric quilted coaster sewing tutorial! Now you can use up all those fabric scraps and make coasters for any holiday or for all year round. Happy sewing!

Finished quilted fabric square and circle coasters
Mug on top of quilted fabric square coaster

Pin for later!

Related easy sewing projects

Easy DIY Quilted Fabric Coasters Sewing Tutorial – Two Styles