Mug rugs are great - they can be as big or small as you need, they can be simple or sophisticated, colorful or monochrome: the choice is entirely up to you. These cute coasters are also a great project for using up fabric scraps you have left over. And when you're all finished, you can enjoy a well deserved cup of coffee or tea - served on your newly made mug rug! We have here a free tutorial on how to sew cloth coasters - the finished product is 6” x 8 ½” (12 x 21 cm).
These cute mug rugs serve as a large coaster for hot and cold beverages. If something drips or spills, the mug rug is there to protect your table surfaces and can act as a barrier for hot beverages as well. So forget about rings being left on your table surfaces! Mug rugs can easily be washed and look great so consider them your drink’s best friend.
Making a cloth coaster yourself is super easy so it’s a great project for beginners. In this mug rug tutorial you will find step-by-step instructions with images to sew your very own. You only need two pieces of fabric and what you use to embellish your coaster is entirely up to you. The design is entirely up to you. We love the idea of having a circle of fabric to place your mug with a little message next to it like, ‘but first coffee’ and of course a personalized woven label is a must! If friends and family are regular visitors, you can sew each person their own by adding a name to each mug rug. So they could also be used as place cards.
These cute mug rugs offer a nice alternative to standard coasters
and can be whipped up in a flash from a few fabric scraps. What’s not to love about this project?
You Will Need:
- A mix of fabrics of your choice
- Batting - we used a quilt batting, but you can also use an iron-on product. Use volume fleece like Vlieseline H640.
- Coordinating thread
- Woven labels from Wunderlabel
Let’s get started!
First cut the fabric. There are so many design ideas for mug rugs - we decided to go with a simple striped design. Cut 6 strips of fabric which measure 6 ½” long by 2-2 ¾” (16.5 x 5-7 cm) wide. You’ll need about 6 strips in total. The nice thing about this design is that it doesn’t need to be exact. You can decide how long and wide the strips are. The backing of the mug rug will be created later on.
Assemble and sew the front panel. Lay out the fabric strips side by side to see which order you like best. Sew the strips together in pairs by sewing them together along one long side with a ¼” seam allowance. Then sew the pairs together until all strips are sewn together. Press the seams.
This is the step where you attach your own personalized label to the front of your mug rug. It could look like this:
Now you’ll cut the back piece of fabric along with the batting. Both pieces should be the same size as the front panel you just created. Our front panel measures 6 ½” x 8 ⅞”. Place the back panel and the front panel together, right sides together. Place the batting on top of the front panel. Pin or clip everything together. See below:
Sew around the perimeter of your mug rug using a ¼” seam allowance and leave an opening of about 2 ¾” on one side for turning. Backstitch around the opening to secure the stitches. Trim the fabric around each corner so that the mug rug will lay nicely once it’s finished.
Turn your fabric coaster right side out using the small opening you created. Make sure to push the corners outwards. Press in the fabric at the opening.
Top stitch along the entire edge of the mug rug to close up the turn opening. You can increase the stitch length a little to give it a nicer look. You can also quilt the middle - we chose sew along the strips of fabric to emphasize the design.
Your mug rug is ready! If you enjoyed this project, share your finished project with us on Instagram. We’d love to see how it turned out!
Do You want to save this idea for later?
Simply bookmark the link to this blog post or add it to your "Favorites" so that you can quickly find it in your browser later.
Here is how to save the tutorial:
- On your computer: Click on the asterisk or the three dots in the top right hand corner or on the book icon in the top left hand corner (depending on the browser you use).
- On your Android smartphone: Click on the three dots in the top right hand corner and then on the asterisk.
- On your iPhone: Click the book icon at the bottom and add the link to your bookmarks or book list.