The Chloe Dress Tutorial

Sharing is caring!
Pin on Pinterest206Share on YummlyShare on Facebook2Email this to someoneShare on StumbleUpon0Share on Google+0Tweet about this on Twitter0Print this page

The Chloe Dress Main

This is actually an old tutorial that is probably 2+ years old now but it’s still one of my favorite dresses I’ve designed. I originally shared it as a guest post at Whimsy Couture but I’ve never shared it on my own blog so I thought with Spring (hopefully) coming soon that now would be a great time to share it! I had seen a dress similar to this in a boutique that was far beyond my price point, so I went home and got to work on a DIY version. The instructions are a bit lengthy but this dress isn’t nearly as hard to whip up as it might appear.

What You’ll Need:

  • Fabrics of your choice (I bought a half yard bundle of 5 coordinating fabrics)
  • 2 packages of double fold bias tape (I used two different colors)
  • Three 1″ Buttons
  • 1/8″ elastic (You’ll need three 2″ pieces)
  • All Your Sewing Goodies

Let’s get into the measurements.  I promise it’s easier than it sounds.  You’re basically just cutting out a bunch of rectangles.  The ruffle ratio for this dress is 2:1.  We’ll be ruffling the top piece on the bodice and the skirts.

The straps and strap loops will stay the same for most any size:
Straps: Cut four 2″x36″ pieces
Strap Loops: Cut one 3″x9″ piece (we’ll cut it in half later to form two loops)

This dress is based on two basic measurements.  You’ll need to measure your model’s chest (right under the armpits) and her length from armpit to knee.

My daughter’s measurements were 21″ for the chest and 14″ in length from chest to knee.  She typically wears a 2T.  I’ll give you the break down for the additional pieces you’ll need for the 2T and then show you how to adjust this to any size.

  • Bodice piece: Cut one 22″x4″ piece
  • Ruffle piece: Cut one 44″x2″ piece
  • Bottom Layer of Skirt: Cut one 44″x11″ piece
  • Top Layer of Skirt: Cut one 44″x4″ piece and one 44″x5″ piece

This makes my overall length of the dress 15″ before taking about about an inch in seam allowances.

To size this to your model:

  • Bodice Piece: Take your model’s chest measurement + 1″.  Your rectangle needs to be that number x 4″.  So for my daughter, I took 21″+1″ to get 22″, so my bodice piece is 22″x4″.
  • Ruffle Piece: Take your model’s chest measurement + 1″ and multiply by 2.  Cut this length x 2″.  So for my daughter, I took 21″+1″ to get 22″ and multiplied by 2 to get 44″ (44″ is your “ruffle ratio number”).  So my ruffle piece is 44″x2″.
  • Skirt Bottom Layer:  Use your ruffle ratio number (44″ for me) as the long side of the rectangle.  To get the width, take your model’s chest to knee measurement and subtract 3 inches.  So for my daughter, I took 3″ off her 14″ length measurement, I got 11″.  So I cut my rectangle to be 44″x11″.
  • Skirt Top Layer: Again, take your ruffle ratio number as your long side of your rectangle.  You want the total of these two rectangles to be 2″ shorter than you skirt’s bottom layer.  Since that made my top layer 9″ in length, I made one rectangle 44″x4″ and one 44×5″. 

Whew!  Are you still with me?  The math part is over!  Let’s get to the fun part: sewing!


Unless otherwise noted, use a 1/4″ seam.  Finish all raw seams with a serger or zigzag stitch.  

We’ll start with the straps.  Iron the ends of each strap over about 1/4″ as seen in pic below.  Pin two of your strap pieces right sides together.  Sew with a 1/4″ seam leaving one end open for turning.  Clip the corners.  Turn strap right side out and press seams.  Topstitch using a 1/8″ seam all the way around.  (This will close up that open end).  Repeat for other strap.

P1010355 P1010357

Now take your strap loop piece.  Iron in half length wise.  Open it up and iron each side towards the center fold you just created.  Then fold in half lengthwise again and iron.  (Pretty much like you’re creating a piece of double fold bias tape).  Sew together with a 1/8″ seam and then cut in half so you have two pieces, as shown below.


Set all strap pieces aside for later use.  Take your bodice piece and fold the short end under 1/4″ and iron.  Fold over another 1/4″ and iron again.  Sew and repeat for other end.


Now your bodice piece looks like this:


Set aside while we make the top ruffle.  Fold end short ends of the ruffle piece under 1/4″.  Then fold the entire piece in half length wise with wrong side together and iron again.  Sew the short ends closed.  (I’ve already ruffled and zig zagged in the below pic).


You can use a ruffling or shirring foot to ruffle along the raw edge or you can set your stitch length to 5.0 and baste a 1/8″ seam.  Do not backstitch.  Pull along thread tails to ruffle by hand.  Ruffle until the piece is the same length as the top edge of your bodice piece.  Pin ruffle generously to top right side of bodice as shown below.


Sew ruffle to bodice with a 1/4″ seam.  Flip ruffle up up and iron.  Topstitch with a 1/8″ seam.


We’re done with the bodice for the moment.  Now take the two pieces of the top layer of your skirt and pin with right sides together along one long side.  Sew.  Open, iron seam, and topstitch with a 1/8″ seam.




Now take one of your bias tape colors and pin it along the bottom edge of this skirt piece.  Sew as close to the edge of the bias tape as you can, ensuring you catch both sides of the bias tape.


Pin short sides of this skirt piece with right sides together and sew.  Invert, iron the seam and you’ll have a tube.



In the same manner, add the other color of bias tape to the bottom edge of the bottom layer of the skirt.  Again, pin the short sides of the skirt piece with right sides together and sew.  Invert, iron the seam and you’ll have another tube.


With rides side out, put the bottom layer inside the top layer of the skirt.  Pin together and ruffle the top edge of the skirt piece.  Ruffle until the skirt is the same size as the bodice piece.


Now we’re going to attach the bodice to the skirt.  Pin the bodice to the skirt with wrong sides together as seen below.  You can put your skirt seams on the side of the dress or in middle of the back.  I choose the back since the bodice already has an opening in the same place.  Pin as if there wasn’t a break in the bodice.  Sew the bodice and skirt pieces together.



Flip the bodice up, iron the seam, and topstitch with a 1/8″ seam.


Now we’ll add the straps.  Fold each strap loop as shown below and pin inside back of dress.  I pinned each strap loop about 1 1/2″ out to each side of the center of the back.  Sew in place.



Now pin the front straps inside the dress about 3″ out from the center of the front of the dress and sew in place.



Almost done! Sew three buttons along one side of the back opening.  I opted to hand-sew these.  On the other side.  Pin in your elastic pieces in a similar fashion to how we did the back strap loops and sew in place.  I stitch over this a few times since it’ll be getting pulled on.



This style back closure will allow it to grow with your daughter.  When I made this last summer, it fit my daughter more like a dress and when I tried it on her today, it fit a bit more tunic-like but still has plenty of room in the chest area and paired up super cute with a pair of capri length leggings.  Thread straps through the back strap loops, tie in a bow, and we’re done!!



The Chloe Dress Modeled


~Get a Free Print Every Month!

Sign up to get a FREE exclusive print or coloring page each month!

You will receive one freebie per month & occasional special news!

Sharing is caring!
Pin on Pinterest206Share on YummlyShare on Facebook2Email this to someoneShare on StumbleUpon0Share on Google+0Tweet about this on Twitter0Print this page


  1. 1

    So pretty!! I’ve got a Craft Gossip post scheduled to go live later this morning that links to your tutorial:
    Anne recently posted…Tutorial: Collapsible fabric bowlsMy Profile

Leave a Reply

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

CommentLuv badge