Make a beautiful mug rug using this easy mug rug pattern. Make sure to download the free heart appliques to make sewing even easier, and your diy mug rug even prettier.
I don’t know about you, but I always have a glass of water with my cup of coffee when I’m working at my computer. And more often than not, a cookie or two. That’s not quite a meal size requiring a placemat, but is definitely MORE than any of my diy coasters can handle, these, these or these. A job for a mug rug, for sure!
So I started making mug rugs. I tried a few measurements and chose my favorite ones to become my own pattern for mug rug (see below!) Such a lovely and quick-sew project! And now I have enough space for both my glass of water, coffee AND cookies while I’m working. Ok, chocolate sometimes too, but don’t tell my kids. 🙂
Mug Rug Pattern
Today I’d like to show you how to make an easy strip-pieced mug rug, and I added two pretty and easy heart appliques as embellishment. You can do the same, or skip the applique if this is your first mug rug you’re sewing.
No time to sew now? Make sure to save the project for later to Pinterest using THIS link or tha image below:
What is a mug rug?
Also called a coffee mug rug or a mug mat, a mug rug is a perfect spot to put a cup of coffee or tea and a cookie or two. It’s a rectangle sewn with fabric and a batting layer to not just make your space prettier, but also to protect the table or desk surface from any spills from the coffee/tea and cookie crumbs.
Comparing a mug rug vs coaster, a coaster is usually smaller and will only hold one glass or cup. And what a great way to use your scraps!
How big is a mug rug?
Mug rug dimensions will vary a lot. Usually, the mug rug size is between 4″ x 7″ and a 12″ x 8″, just up to the size of a small placemat. The pattern for mug rug in this tutorial gives you a finished mug rug of 7″ by 9 1/2″. I think this is my favorite mug rug size.
And if you like sewing for home, check out these too:
- 20+ Sewing Projects For Your Home
- Free Patterns To Sew For The Kitchen
- These beautiful home storage bags
Supplies to Sew a Mug Rug
In total, you’ll need a quarter yard of fabric (can be scraps), plus some batting to make one mug rug. (I added Cutting instructions into tutorial Step 1 below) I used prints From the Heart collection designed by Sandy Gervais for Riley Blake Designs.
Those whimsical and playful florals! And then, an old-fashioned typewriter, that vintage round-dial telephone (I remember using one when I was little – my kids didn’t believe me haha!), and so many tiny details that make it so beautiful. Perfect Valentine sewing prints, I’m just sayin’. Because I might make some of those into fabric ‘stamps’ to use on my tiny sewing projects. Or put them on Valentines day cards! So cute!
A Note on Mug Rug batting
Back to the mug rug project, I used one layer of cotton batting, but you can also use poly batting or fusible fleece. If your interfacing is thin, consider using two layers to make them thicker. Read more about interfacing and batting in this guide on interfacing.
Useful Notions, Tools And Other Stuff
- Odif 505 for temporary spray-basting the layers. Ignore if you don’t have it, and use safety pins instead.
- walking foot, strongly recommended, for any quilting project
- sewing clips (or pins)
- fabric scissors
- ruler and rotary cutter, and a cutting mat
- fusible web if you are making appliqued hearts like me.
How To Make a mug Rug
Here’s everything you need to do to make your own beautiful mug rug.
Step 1 – cut the fabric and batting
- For a strip-pieced front, cut from various fabric prints: (3 pieces) 2″ by 6″ and (1 piece) 5″ by 6″ – if you don’t want a pieced front, just cut 10″ by 7″ from main fabric.
- cut (1 piece) 10″ by 7″ from backing fabric
- cut (1 piece) 10″ by 7″ from batting
- for binding, cut a 40″ long strip of 2 3/8″:
How to cut binding for this project: cut your strip along the grainline or crosswise, it does not matter as you need a straight-grain binding. No round corners and curves, so there is no need to cut it on the bias, unless you want to of course. I cut mine at 2 3/8 ” from selvedge to selvedge. You can get away with a slightly narrower binding at 2 1/4″ too.
OPTION – do you want a Heart Applique On your diy Mug Rug?
Using fusible web and fabric, cut one or several heart shapes – download my free heart applique template, it’s linked at the bottom of this tutorial.
Step 2 – Piece The Front of Your Diy Mug Rug
Arrange the narrow 2″ pieces next to each other and add the last, 5 by 6″ piece to the far right, then piece them together using a 1/4″ (7mm) seam allowance and press the seams open. Here’s the process in images:
You’ll end up with a lovely patchwork front measuring 9 1/2″ by 6″.
Step 3 – Optional Heart Applique
If you wish, add one or more heart appliques. You’ll find a free printable templates in multiple sizes at the end of this tutorial. Use the ‘Wide Heart Template‘ from the free file below.
I used the heart templates to layer two smaller sized hearts from the template using fusible web and then edge-stitched them to the base layer, like this:
If you’re not familiar with applique, feel free to use this easy applique tutorial:
You can either stitch the hearts using a narrow stitch, or a dense zigzag, your choice.
Step 4 – Assemble Pieces
Lay your backing with right side down, then place the batting on top of that. Then, place the pieced front layer with the right side up. Fix using safety pins or spray baste the layers together. You can use Odif 505 to do so, for me this is the easiest way to prevent shifting.
Step 3 – Quilt the layers
I added just a few straight-lines to the mug rug, close to the piecing lines. Straight-line quilting is a relatively easy way to add structure and bring the layers together. Remember to start in the center and move towards the outer edges. I also added a line around the larger heart applique. Oh, and a walking foot makes sewing so much smoother!
Step 4 – Square it up
Trim off the excess batting and back fabric and make sure all the corners are at a 90-degree angle. You need a 9 1/2″ by 6″ rectangle. Using a ruler and a rotary cutter is the best way to go.
Step 5 BindING – how to bind A mug rug
Once you’ve trimmed it, you’ll need to bind the edges.
First, take your 40″ long strip of binding and press in half if you haven’t yet. Then see here how to add binding to a quilt, a mug rug, a potholder, anything actually.
NOTE: Here, I cut my binding just 2 3/8″ wide as there is only one layer of batting, and I might even get away with 2 1/4″. the binding tutorial uses a bit wider, 2 1/2″ strip of binding, but the process is the same. I stitch my binding first on the backside and then machine-topstitch it on the front side. That way any imperfect stitches don’t show.
This is your last step, and I’ve got a detailed how-to for you – that’s just in case you haven’t yet done anything like this – jump to this page to add binding to your mug rug:
SO WHERE ARE THE FREE PRINTABLE HEART TEMPLATES?
Get the free template by clicking HERE, no password required:
Make sure to save the download to your computer, and then pin this blog tutorial to Pinterest using THIS link or the image below, so you can use it later:
As always, I’d love to see if you’ve made a mug rug using this tutorial and mug rug pattern. Please post a picture to Instagram and tag me @applegreencottage or #applegreencottage – so I can take a look!
WANT MORE FREE TUTORIALS AND GOODIES?
Get email updates and never miss out on new patterns, printables and tutorials. If you sign up at THIS link, you’ll also get the Fabric Hanging Basket Template for FREE, right now. A cute and easy-sew!
Or check out this pretty ALLina project bag pattern in my shop – for all your storage needs: