Spring Rainbow Skirt

Skirt,layered, spring, rainbow,twirl,easter

This is a tutorial that I shared over At the Picket Fence, so just in case you missed it here it is!

So today I thought I would share a Layered Skirt with you, that almost looks and feels like a Spring Rainbow!!

So hopefully this will be a little Ray of Sunshine for some of you {*Wink*}

So here we go ladies.

I first started out with an array of different colored cotton fabrics. There really is no right or wrong in color scheme or choice. So go ahead and mix it up and have fun.

Diy layered skirt, spring

I wanted the skirt to be roughly 20 inches long, so I cut 2 strips of each color

( on the fold of the fabric ) at 5 inches wide.

You are going to start off by taking 2 strips of different colors and place right sides together and stitch along the top ( you can finish each edge with a Serged or Zig Zag stitch as you go or when you have attached all the strips of fabric together ). Continue to do this with each color, being sure you are placing the colors according to your preference from top to bottom. If any of your fabrics are different lengths, trim off and make your ends even.

You will do this all over again with your other strips, leaving you with 2 panels a front and backside of your skirt.

Spring Rainbow Skirt, Twirl Skirt

Then take the RIGHT sides of your skirt panels and place them together. Stitch up the both sides and hem the bottom of your skirt.

You then will take the TOP edge of your skirt and gather it. I use a Ruffle Foot that I bought for my machine. (you can get one at most sewing stores or if you machine requires special feet,then you will have to order it from the company) You can also use the LONGEST stitch length on your machine and leaving a LONG thread tail, you will pull on the BOBBIN thread and gather as you go.

spring rainbow skirt, spring, twirl, girls

For this skirt I wanted to add an attached sash, to be able to tie in a bow. So instead of doing a solid waste band, I cute 2 pieces at 4 inches wide.  (your length will be determined on the size waist your are making this for).

I finished my top edges and then pressed over 1 inch.

Pin your  waist band right sides together to the top of your skirt.

spring rainbow skirt,

For the sash I cut two 6 inch wide strips on the fold of the fabric, you will fold in half and stitch up the sides, leaving the ends open for turning. Press your sash with an iron. Turn one raw edge of your openings in and top stitch your sash.

 Place your sash in the opening of the SIDES of your waist band and pin in place. 

spring rainbow skirt,twirl

Stitch the sides of your waist band and trim off any excess fabric. Top stitch the top of your waistband and leave about 1.5 inch opening on your sides. ( NOTE: if you want to make this a full elastic waist band skirt you only need to leave one side open for the elastic, because I wanted a FLAT front and an elastic back, I left both sides of my waist band open 1.5 inches to secure the elastic ) for your elastic to go through. Run your elastic through and stitch in place.

spring rainbow skirt

You will then have an attached sash to your skirt.

rainbow skirt, spring,layered

And, now you have your very own Spring Rainbow to brighten your days.

The color options are truly endless, so have fun and get creative.

I hope you enjoyed and thank you once again, Heather and Vanessa for having me over.

Spring, Skirt, Rainbow,tiered skirt, girls

layered skirt, spring, rainbow

Sharing Here


Somewhat Simple

Happy Hour

It’s Overflowing

Tuesday’s Treasures

Wow us Wednesday

Show and Tell Wednesday


Diy project parade

Brassy Apple

from dream to reality

Live Laugh Rowe

Shabby creek cottage

crafty soiree

Fabulously Creative Friday

Wear-It Linky Party

The Scoop


Make it Wear it


  1. That is too, too cute. You are such a talented seamstress. I just love it- xo Diana

  2. Absolutely adorable. The colors are perfect for Spring. So pretty, Angelina.

    • Angelina says:

      AWE!! Thank you, Judith. I was actually thinking about you and wondering how it was going with your ebook :)

  3. Love the colors…too cute!

  4. Such a sweet color combo! Great job on this skirt. The flower just adds the perfect touch.

  5. dress is so pretty and kiddos too!

  6. So fresh and beautiful! Love this!

  7. Ooooh! CUTE skirt!! Can I pretty please borrow your stinkin’ adorable children for our posts, too?! Your family is so incredibly talented! (: xoxo

  8. Love this tutorial, have pinned it for future references. Love the fabric colours you’ve chosen, perfect for spring.

  9. You amaze me! What a sweet model, that skirt ROCKS my socks!!

  10. Love love love!

  11. So cute – I love it! I included this in my spring and Easter round-up. Thanks for the inspiration! :)



  12. Such a fun skirt! My 3 year old would love one made from different shades of her favorite color – PINK! I’d be thrilled if you’d link up at this week’s Off the Hook!

  13. Beautiful! Your pictures are amazing, so clear and pretty!

  14. I love this darling skirt!! Oh to be a little girl (or guy!) with a mama who can create such lovely things :) Thank you so much for joining Pretty Things this week!

    xo, Tanya

  15. This is great! I would love for you to join the Pinworthy Projects link party! http://www.atkinsondrive.com/pinworthy-projects-party-week-14/

  16. I love the colors. It reminds me of dreamsicles and blue skies. I hope you made a matching one for you because it is oh so cute.

  17. What a lovely little skirt!

  18. Thanks for this tutorial. I have always wanted to try a waistband with a flat front and gathered back. I am going to make this!!!

  19. Jan Murry says:

    Do you think this would work with knit fabric – daughter and Daughter in law do not like to iron! So cute!

  20. hi, i love the look of this, but don’t understand the dimensions of each strip.

    Could you quantify it please?

    e.g each strip measure 4″ x 40 inches for example?

    i understand you want the entire skirt length to be 20″, so am guessing maybe each strip is 4″ in one direction and maybe “width of fabric” in the other direction???

    am i on the right track? i would love to make one for my child. Thank you for making a design with only ONE gather/rufffle layer.

    • Angelina says:

      Hi Gigi,
      Thank you so much for stopping in. Let’s see if I am understanding and can help you out here. If your Skirt Length measures 20 in total and you want 4 colors you would cut your Strips on the fold of your fabric (giving you the length of 40 to 45 inches, across depending on your fabric).. The length being the fabric and the 5 inches being your width. (allow for a seam allowance ) So you would have 5 STRIPS cut on the fold of the fabric, which will give you a 20 in LONG skirt, when sewn together. I hope that helped and if you still need some help be sure to let me know and I would more than happy to call you or you can call me :)

      • Jan Murry says:

        So if I am making this out of knit which is 58 – 60 inches wide, I would need to make the strips shorter?

        • Angelina says:

          Hi Jan, You could certainly cut them to them down.. Or Keep it the same for a fuller skirt. But it also depends the size you are making it for. I would LOVE to see pictures when your finished!! :)

  21. I really love this skirt, the tie that makes the bow in the back is a wonderful addition to this skirt. Thank you for sharing it with us.

  22. I love this! Do you know roughly what size this makes? And if it is easy to size up or down? I apologize if it says this above and I missed it!

    • Hi Colleen,
      This was a size 6/7 and you could certainly size this up or down. By adjusting the length of the skirt. We like Extra FULL skirts so I would keep the Length of the Strips the same and gather them to fit the size needed. Hope this helps. If you have any other questions, please feel free to ask :)

  23. I absolutely love this skirt. I think I may have to make it for my girls for Easter.

  24. I just saw your skirt on the cover of Love Sewing magazine in the UK. I pinned this tutorial ages ago and have been meaning to make skirts for both my girls. I do hope that Love Sewing worked with you to write the article, and didn’t just “borrow” your pictures.

    • Hello Katie, thank you so much for being so SWEET! Yes, I did partner with them. I didn’t know it was going to make the COVER, how COOL is that :) I do hope you get the chance to make them, they are so Very versatile and cute 😉 Have a great week!

  25. i really, really love this skirt! Would you mind telling me the name/color of all the fabrics? I want to make this exact skirt? Thanks so much!

    • Hello Kelle,
      I am so sorry to say I don’t know the names of the particular fabrics used in this skirt. I bought them at Jo-Ann’s, maybe if you take a screen shot with your phone you could possibly match them up at the store. If you are having a hard time still, let me know and I can try to as well.
      Have a great weekend!

      • Thank you for replying back. I got some similar fabric and plan on trying to make it soon! I know you mentioned that this could be an adult skirt. I would love a skirt like this for myself but I am afraid it would look frumpy because I am pretty short. Do you change the fullness for yourself or no? Do you have any pics of an adult version! Please keep up the tutorials! I have 4 little girls that wear skirts all the time! Thanks again.

        • Oh, I am so glad to hear that you were able to get the fabric needed. If making a skirt like this for yourself I would still use the same amounts of fabric only making each color band wider for length. You shouldn’t have any problem with bunching since the fabric won’t be gathered as much as it would for a smaller size. If you just don’t want any gathering at all at the waist, you can always add a waste band and side zipper. Hope this helps and I would LOVE to see the skirts you make 😉


  1. […] spring with this colorful rainbow skirt for girls (make this in the right colors and it would work for a Cinco de Mayo event as […]

  2. […] If your a long time Picket Fence reader you may remember the tutorial I shared on how to make a Rainbow Layered Skirt and just in case you missed it you can check that out here. […]

  3. […] Layered skirt was made this past Spring. I used Elastic on the BACK of the waistband, instead of all the way […]

  4. […] To read more: http://jojoandeloise.com/2013/03/spring-rainbow-skirt/ […]

Speak Your Mind