Fabric Coaster Tutorial

I have these adorable vintage floral scrap squares that have been sitting in a basket waiting to be used… I decided fabric coasters would be the perfect way to display them. We have an old set of bamboo coasters that needed replacing and even better, the wooden coaster holder will continue to be used to hold the new fabric ones. I drew out my plan on graph paper, originally thinking I wanted a 5″x5″ coaster, but the wooden holder is a bit smaller so I moved forward with a 4″x4″ design. I photographed my process to give you this tutorial that makes 7 coasters…I would have made 8, but I didn’t have an 8th floral square :p


1/4 yard fabric for border and backing

Scrap fabric for middle of coaster

Scrap batting material

coaster fabric

Fabric Cuts:

3 – 1″ x WOF strips from the border/backing fabric

Sub-cut strips into 14 – 1″ x 3.5″ and 14 – 1″ x 4.5″ rectangles

1 – 4.5″ x WOF strip from border/backing fabric

Sub-cut into 7 – 4.5″ Backing Squares

7 – 3.5″ Middle Squares for Front of Coasters

7 – 4.5″ Batting Squares

cut fabricStep 1:

Chain piece a 1″ x 3.5″ rectangle to the right of a 3.5″ square.

Snip the squares apart.

Chain piece a 1″ x 3.5″ rectangle to the left of the same square.

Snip the squares apart.

Then press seams open.

border1border 2press seams1Step 2:

Chain piece a 1″ x 4.5″ rectangle to the top of each unit.

Snip the squares apart.

Chain piece a 1″ x 4.5″ rectangle to the bottom of each unit.

Snip the squares apart.

Then press seams open.

border 3_4final seam pressStep 3:

Create the Coaster sandwich – Front and backing right sides together, then batting square on the bottom.

Place layers as shown… It doesn’t make sense I know, but go with it…

coaster sandwichStep 4:

Sew 1/4″ around the coaster sandwich leaving a 2″ opening for turning. Start with a back stitch and end with a back stitch. The front of your coaster is hiding in the middle.

back sidebatting sideStep 5:

Clip your corners, careful not to cut your seam. This helps to smooth out the corners when turning right side out.

Now turn your coaster right side out! Keep the Coaster Front and the batting together as one, while turning the back fabric over to turn inside out. Use a pointy device to push the corners out.

Batting is now in the middle 🙂

Press your coaster to remove the wrinkles and to also press the opening a 1/4″ in.

turn inside outStep 6:

Sew around the top of your coaster 1/8″ away from the edge. Use a small back stitch at the beginning and end to secure. While top stitching, you will go over the 2″ opening, closing it and completing your coaster!

Press again to set the seam and removing any other wrinkles.

completed coaster front and backcompleted coastersFinished coaster measures 4″x4″

Border and backing fabric is Lumiere de Noel by French General for Moda Fabrics. Vintage floral prints unknown.


4 thoughts on “Fabric Coaster Tutorial

    • No throwing out the bamboo coasters or taking them to the outdoor patio table. These fabric coasters are great on their own 🙂 Just reusing the old coaster holder.


    • You’re very welcome! Loved your photo on Instagram 🙂 Thanks for testing out my tutorial… You’ll need to create a set now. They’re addicting!


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s