• Skip to main content
  • Skip to primary sidebar
Sweet T Makes Three logo
menu icon
go to homepage
  • Recipes
  • About
  • Newsletter
  • Contact
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Recipes
    • About
    • Newsletter
    • Contact
    • Facebook
    • Instagram
    • Pinterest
  • ×

    Home » Crafts and DIY

    DIY Quilted Mug Rugs

    Published: Sep 9, 2014 · Modified: Apr 15, 2021 by Jenn · This post may contain affiliate links.

    Craft night was another success thanks to a group of ladies who are talented and patient. Explaining sewing to me is like trying to explain how the internet works to someone from 1850. Yet, I came home with a beautiful Quilted Mug Rug that I made (mostly) all by myself!  Here’s how you can make a mug rug too.

    DIY Quilted Mug Rugs #diy #sewing

     

    DIY Mug Rug

    You will need
    ¼ yard 100% cotton fabric
    ¼ yard 100% cotton fabric in a contrasting pattern
    Quilt batting
    Rotary cutter and mat
    Sewing Machine
    Needle and thread
    Ironing board and iron

    Step 1 – Wash, dry and iron fabric. Cut off selvage.

    IMG_1460Step 2 – Choose which fabric you want to use as the lining and binding. I chose yellow polka dots. Cut pieces in the following dimensions:

    • 7″  x 10″ (for the back)
    • 6 ½″  x 2 ½″ (accent strip on the top)
    • 2″ strip approximately 24″ long (binding)

    IMG_1465

     

    My ¼ yard piece of fabric wasn’t long enough to create a strip of 24″ so I had to sew two pieces together to get the length. Lay two pieces right sides together as pictured below

    IMG_1480

    Sew a straight line diagonally (I marked it first because because…yeah.)

    IMG_1481

    Press the seam open and trim it. Boom. 24″ length of fabric.

     

    IMG_1483Step 3 – With contrasting fabric cut pieces to the following dimensions

    • 6 ½″ x 2 ½″
    • 6 ½″ x 4 ½″

    IMG_1466

    Step 4 – Cut a 7″ x 10″ piece of quilt batting. Now all our cutting out is done!

    Step 5 – With right sides together, pin the 6 ½″ x 2 ½″ piece of Fabric A to the 6 ½″ x 4 ½″ piece of Fabric B. Straight stitch using a ¼″ seam allowance (you’re going to use a ¼″ seam allowance throughout the entire project.

    IMG_1467

    Step 6 – Repeat, adding 6 ½″ piece of Fabric B so it looks like the photo below when you’re done: Press the seams flat, not open.

    Step 6

     

    Step 7 – Pin the 7″x10″ piece of Fabric A, the quilt batting, and the piece you just sewed together as pictured below. The wrong side of both fabric pieces should be touching the quilt batting so you have a quilt batting sandwich.

    IMG_1475

     

    The batting piece and Fabric A piece are larger than the top piece you just sewed. You can either center the sewed piece on top or square up two edges at a corner. I think squaring it up makes it easier to trim.

    Step 8 – Use a fabric marker to mark lines for where you want to quilt.

    IMG_1472

     

    I chose to do the simplest thing possible and just quilt horizontal lines. Here’s my piece all squared up, pinned up, and marked.

    IMG_1476

     

    If you want to get fancier, here are some other ideas. Horizontal and vertical lines, concentric rectangles, criss-crossing lines to make diamonds…go for it. Just mark whatever you want to do.

    IMG_1510

     

    Step 9 – Straight stitch over the marks you made. How does it feel to be a quilter?

    IMG_1478

     

    Step 10 – Use a rotary cutter to trim the excess batting and Fabric B so your piece is uniform

    IMG_1482

     

    Step 11 – Fold and press the 24″ strip of Fabric A in half vertically.

    IMG_1484

    Step 12 – Start anywhere but near a corner and pin the raw edge of the strip of Fabric A to the raw edge of the right side of the quilt piece. Leave a 3″ tail.

    IMG_1485

    See my tail above and below? It wasn’t long enough and the seam had to be ripped out a little bit later to make it longer. Make sure it’s at least 3″.

    IMG_1487

     

     

    Straight stitch the edge using a ¼″ seam allowance and stopping ¼″ before the corner

    Step 13 – This is how you’re going to sew each of the four corners to make mitered corners . Here’s what you’re starting out with

    IMG_1489

     

    Pick up the piece of binding and lay it over to the right (this is a different corner I’m showing the technique on which is why the ice cream is upside down in this one photo. Sorry!)

    IMG_1495

     

    Place and hold your finger as shown below

    IMG_1490

    Then lay the biding over the the left lining up raw edge to raw edge

    IMG_1491

    Pin it in place. Continue straight stitching down the edge using a ¼″ seam allowance until you get ¼″ away from the next corner. We’re leaving ¼″ unsewn before each corner to allow room to miter the corners like you just did.

    IMG_1498

     

    Here’s what a corner looks like after it’s adjoining edges have been sewn.

    IMG_1494

     

    Step 14 – Continue mitering corners using the technique described above and sewing edges with ¼″ seam allowance  until all four corners are mitered and you have come to the 3″ tail that you left.

    Step 15 – Magical whizbangedness. I’m kidding. Sort of. It’s time to join the 3″ tail that you left with the end of the binding, lining up the raw edges and to do it in such a way that it looks pretty. There is no one right way to do this. You want to trim, fold, tuck and pin to make this look neat from the right side. Everyone will probably do this differently.

    Basically you want to cut off the excess from your end and fold it to look like this

    IMG_1505

     

    so that you can tuck the 3″ tail inside. That’s the goal you want to accomplish.  Trim, fold, and tuck however you choose to. Just check the right side periodically to see if it’s going to look neat.

    Below are lots of pictures of the process, but don’t stress about doing this exact way.

    IMG_1500

    IMG_1501

    IMG_1505

     

    IMG_1502

    IMG_1504

    This is her end result. Yours might vary.

    IMG_1506

    Step 16 – Finish straight stitching the raw edge. You’re almost done! At this point your mug rug should look like the one on the far left in the photo below.

    IMG_1509

     

    Step 17 – Fold the binding over the raw edge of the quilted pieces and  whipstitch or slipstitch the edge of the binding to the back of the mug rug. I cheated and did this with the sewing machine instead because I’m lazy…and it was getting late. I recommend you take the time to do it by hand, especially if you are giving this as a gift. I messed up the front of my Mug Rug a little bit by doing it with the machine.

    IMG_1529

     

    Enjoy your beautiful new Mug Rug!

    DIY Quilted Mug Rug

    Mug Rugs make a lovely Christmas Present or gift for any occasion. Pair them with a few tea bags, hot cocoa packets or coffee beans and a pretty mug and you’ve got a thoughtful gift!

    DIY Quilted Mug Rug

     

     

     

     

     

    More Crafts and DIY

    • DIY String Easter Eggs
    • Printable Adult Coloring Pages
    • Hobbies for Women: 100+ New Hobby Ideas for the New Year
    • Delivery Driver Snack Sign Free Printable

    Reader Interactions

    Comments

      What's on your mind? Cancel reply

      Your email address will not be published. Required fields are marked *

      Recipe Rating




    1. Sheilla says

      May 18, 2022 at 8:48 am

      I love mug rugs, especially pieced or patchwork ones. Thanks for your tutorial.

      Reply

    Primary Sidebar

    picture of Jennifer sitting in a green chair.

    Hi, I'm Jenn, a Southern food blogger and mother living in Alabama. After having my wonderful daughter, I decided to embark on a journey of sharing my Southern cooking recipes with the world.

    More about me →

    Recent Recipes...

    • Vanilla Overnight Oats (Vegan)
    • Easy Guacamole Recipe
    • Pork Lo Mein (Instant Pot Recipe)
    • Slow Cooker Mongolian Beef

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Disclaimer
    • Terms & Conditions
    • Accessibility Policy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact
    • Services
    • Media Kit
    • FAQ

    As an Amazon Associate, I earn from qualifying purchases.

    Copyright © 2023 Sweet T Makes Three