These shaped DIY fabric coasters are great for using up some of your fabulous scrap fabrics and will protect your tables from marks at the same time. Fabric coasters are easy to make for even beginners and can brighten up and personalize your table for special occasions. They can be used for both hot and cold drinks so are perfect for all year round. Make some for your Christmas table in bright reds and greens or add monograms for the whole family.

DIY Fabric Coasters Tutorial
Learn how to make fabric coasters with this easy tutorial. These coasters make great gifts as well! Make a set of coasters in different shapes and tie them up with a ribbon as a lovely housewarming gift.
DIY Fabric Coasters - Supplies
- FABRIC - Cotton fabric is best and I have done my samples in denim and quilting cotton which are tightly woven. Choose a natural fiber content fabric that will be absorbent. Linen and flannelette are also good choices. You can also use cotton on top and add flannel or toweling underneath for even more protection. Use your fabric scraps or fat quarters.
- INTERFACING (or piece of batting) - Fusible fleece or fusible heavy interfacing. I like the fusible fleece option as it gives a nice padded feel to the coaster. If you don't have anything fusible, a sew-in extra layer of fabric will work well as a substitute.
- SEWING BASICS - Sewing machine, pins, thread, scissors or rotary cutter, and cutting mat.
- PRESSER FOOT - All-purpose or regular presser foot.
DIY Fabric Coasters Pattern
Download your DIY fabric coasters pattern and cut your fabric and fusible fleece.
If you are new to printing, read my article on How to Print PDF Patterns. The main thing to remember is to check your printer is printing to scale. The settings will say something similar to scale 100%, scale none or scale original. Just make sure you do not have fit to page ticked as that often reduces the sizing.
Measurements if you don't feel like printing (including seam allowance)
- The square fabric coaster pattern is 5 inches (12.7cm) across.
- The circle fabric coaster pattern is 5 inches (12.7cm) in diameter. You will also need to cut 2 backs. Cut the circle in half and add ⅜ inch (1cm) along the straight edge.
- The heart fabric coaster pattern has a width of 7 inches (17.7cm) and a height of 5.8 inches (14.7cm).
DIY Fabric Coasters - VIDEO
Here is a YouTube video I made for you on how to make DIY fabric coasters. Like all my videos on sewing projects, it is short and sweet. Make sure you subscribe to my YouTube channel for weekly sewing and craft videos.
Easy Fabric Coasters Cutting Instructions
HEART AND SQUARE - Start by cutting 2 fabric pieces and 1 piece from fusible fleece or interfacing. For the fleece piece cut the pattern back to the dotted line and use that as the template. If you have made your own pattern, cut the fleece ⅜ inch (1cm) smaller all the way around.
CIRCLE - Cut 1 fabric front and 2 fabric backs. For the fusible fleece, cut 1 from the dotted line on the front pattern. This is ⅜ inch (1cm) smaller.
Circle DIY Fabric Coasters
How to make fabric coasters in a circle shape:
- SEW THE BACKS - Put the 2 backs right sides together and stitch the straight edge with a ⅜ inch seam allowance. Leave a 1 inch (2.5cm) gap in the middle. Press the seam open.
- FUSE THE INTERFACING - On the wrong side of the front circle, press the fusible interfacing.
- STITCH - With right sides together, stitch the back to the front with a ⅜ inch (1cm) seam allowance. Do not leave a gap.
- CLIP AND TURN - Clip the curves and turn the circle to the right side through the gap in the back.
- CLOSE THE GAP - Hand stitch the gap closed using an invisible ladder stitch.
- TOPSTITCH AND QUILT - Topstitch around the fabric coaster. I stitched 2 rows ¼ inch (6mm) apart but you can stitch as many as you wish.
Heart and Square Fabric Coasters
How to make fabric coasters in a square and heart shape:
- FUSE THE INTERFACING - Press the fusible fleece on the wrong side of the front fabric.
- STITCH - Put the front with the back right sides together and stitch around with a ⅜ inch (1cm) seam allowance leaving a 1 inch (2.5cm) gap. For the square, the gap can be on any side. For the heart, leave the gap in the straight part as shown in the photo below.
- CLIP AND TURN- Clip the corners and curves and turn the coaster the right way out. Do a double-check that all the corners are poked out well. A point turner can help with this. Press your coaster.
- CLOSE THE GAP - To close the gap you can hand stitch with an invisible ladder stitch.
- TOPSTITCH AND QUILT - Now you can add decorative stitching. I sewed 2 rows about ¼ inch (6mm) apart.
Diy Fabric Coaster - Topstitch Tips
- Use the edge of your foot as a guide to sew concentric rows.
- For thicker threads use a topstitch sewing machine needle. This has a larger eye that will not shred your thread.
- Lengthen the stitch length for neater stitches.
DIY Fabric Coasters - In Conclusion
Step back, grab a drink, and admire your finished coaster. Extra decorative ideas include adding embroidery letters, pom-poms or ric rac trim, or even lace.
Fabric Coasters FAQs
How do you make fabric coasters waterproof?
You can make your DIY fabric coasters waterproof by using laminated fabric. Purchase iron-on laminating vinyl and attach it to a cotton fabric according to the instructions. Learn how to laminate fabric.
More Home Decor Projects
- Bunting Template Pattern
- DIY Kids Napkins (reversible and smaller)
- How to Make Fabric Baskets (3 sizes)
- Napkins with Mitered Corners
- How to Make a Pillowcase with a French Seam
- Cushion Cover – Envelope Style
- How to Make a Doll Pillowcase
- Make a Cushion Cover with Piping
- Star Pillow Pattern
- Travel Pillow Pattern
- DIY Pom Pom Pillows
- Neck Pillow for Travel
- Christmas Pillow
DIY Fabric Coasters
Tools
- Sewing Basics Sewing machine, pins, thread, scissors
Materials
- Fabric Scraps
- Interfacing or Batting
Instructions
Heart and Square Fabric Coasters
- Cut 2 pieces of fabric and 1 piece of interfacing.
- Press the fusible interfacing on the wrong side of the front fabric.
- With front and back right sides together, stitch around with a ⅜ inch (1cm) seam. Leave a 1 inch (2.5cm) gap.
- Clip the corners and curves and turn the right way out. Press.
- Close the gap with an invisible hand stitch and topstitch around the edge. Quilt some extra decorative rows.
Circle Fabric Coasters
- Put the 2 backs right sides together and stitch the straight edge with a ⅜ inch seam allowance. Leave a 1 inch (2.5cm) gap in the middle. Press the seam open.
- On the wrong side of the front circle, press the fusible interfacing.
- With right sides together, stitch the back to the front with a ⅜ inch (1cm) seam allowance. Do not leave a gap.
- Clip the curves and turn the circle to the right side through the gap in the back.
- Hand stitch the gap closed using an invisible ladder stitch. Topstitch around the fabric coaster. I stitched 2 rows ¼ inch (6mm) apart but you can stitch as many as you wish.
Latricia Fairbrother
I am incessantly thought about this, thanks for putting up.