• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

JoyFoodSunshine

Recipes for real life.

  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • YouTube

Search

  • Home
  • About
    • About Laura
    • Contact
    • Privacy Policy
    • Work With Me
  • Recipe Index
  • Moments
    • Pregnancy/Baby
      • Baby Registry List
      • Thriving Postpartum: What to Expect & Postpartum Essentials for Mom
  • Shop
    • Kitchen Tools (Must Haves)
    • Pantry Staples (Baking & Smoothie Making)
    • Food Photography Essentials
    • Baby Registry List
    • Thriving Postpartum: What to Expect & Postpartum Essentials for Mom
  • Instagram
You are here: Home / Dessert / The Best Homemade Vanilla Frosting

The Best Homemade Vanilla Frosting

Last updated on December 29, 2020. Originally published July 14, 2020 39 Comments

Jump to Recipe

The BEST homemade vanilla frosting recipe! This vanilla frosting recipe is easy to make in 5 minutes with 6 ingredients! Great frosting for decorating cakes & cookies! Ditch the store-bought frosting for good!

unicorn cake decorated with homemade vanilla frosting

This is a recipe for the best Homemade Vanilla Frosting Recipe that is perfect for decorating cakes and cookies! There’s no reason to every buy store-bought frosting again, when this frosting recipe is so easy to make that it comes together in 5 minutes with 6 ingredients!

This is seriously the best vanilla frosting.  Every person who tries it falls in love…even if they’re “not a frosting person” (shame on them). I love that it not only tastes great but it’s also excellent to decorate with. The mixture of shortening and butter makes it easy to pipe, plus it hardens beautifully! It’s really a recipe you need in your tool belt!

I have used it to decorate every cake (this chocolate cake from scratch and this chocolate chip cookie cake) I’ve ever made over the last 13 years – which, with 5 kids plus one husband is a lot of cake decorating.  It can also be frozen and saved for later. Seriously you need to try this easy vanilla frosting recipe ASAP!

front view of a cake decorated with homemade vanilla frosting

Vanilla Frosting: Ingredients & Substitutions

This homemade vanilla frosting is made with only 6 ingredients, so we’ll chat about them quickly before we jump into the recipe!

  • Salted Butter. I use salted butter to make frosting (and just about everything). Unsalted butter works perfectly as well. You can also try using vegan butter for a dairy-free version. 
  • Shortening. I use Crisco all-vegetable shortening to make this vanilla frosting. It works well and is easy to use because it comes in stick form. I don’t recommend making substitutions for the shortening. 
  • Milk. I have used many different varieties of milk, I recommend whole milk or 2% milk to make this homemade frosting. 
  • Pure vanilla extract. Use pure extract for the best flavor. You can also use vanilla beans or vanilla bean paste. 
  • Sea salt. I like to add a pinch of sea salt to really bring out the flavors. This is optional, and you can omit it if you’d like. 

Use Room temperature ingredients

One very important thing to note about the ingredients in this vanilla frosting recipe is that they all need to be at room temperature. They mix much better if they are not cold. Frosting also pipes much easier at room temperature.

overhead view of the ingredients in this homemade vanilla frosting recipe

 How to Make Homemade Vanilla Frosting 

This vanilla frosting recipe is very straightforward, but here are a few tips to ensure that it turns out perfectly!

Cream together butter and shortening

The first step in this homemade vanilla frosting recipe is to cream together the butter and shortening. Make sure there are no lumps in the mixture before moving onto the next step. 

Add vanilla and sea salt

Next, add vanilla and sea salt and beat again until the mixture is smooth. 

overhead photo showing how to make vanilla frosting

Add half of the powdered sugar

Next, add half of the powdered sugar and beat until it is all incorporated. 

overhead photo showing how to make vanilla frosting

Add milk & the rest of the powdered sugar

One the first half of the powdered sugar is incorporated, add the milk and the rest of the powered sugar and beat until light and fluffy. You may need to pause, scrape down the sides, and continue beating to be sure to incorporate all the powdered sugar. 

Front photo showing homemade vanilla frosting on a beater over a mixing bowl

Food coloring. 

If you would like to dye the vanilla frosting, add coloring after your frosting is well-mixed and has reached the desired consistency.  

If you are making many colors, pull out small bowls and dye them one at a time.  I highly recommend using gel food coloring instead of the liquid variety, and always save some pure white just in case!

overhead photo of 3 bowls of frosting dyed with food coloring: blue pink and purple

Decorating with Vanilla Frosting

You can use this homemade frosting to decorate many different baked goods. From sugar cookies to cake, there’s no wrong way to enjoy this vanilla frosting! 

Freeze cake before frosting

If you are using this vanilla frosting to decorate a cake, I recommend baking the cake a day ahead of time and freezing it. That way after you make the frosting, it will spread onto the cake easily without catching crumbs. Remember, do not chill or freeze the frosting, it spreads and pipes easiest at room temperature. 

Overhead photo of vanilla frosting being spread onto a cake

Frost a crumb coat

Even if you plan on covering the cake in a design, roses, etc. I recommend doing a thin crumb coat with the vanilla frosting on the entire cake first. This also minimizes crumbs in the frosting so the final product looks pretty. I use this large pastry scraper to make smooth edges/tops. 

Front view of a cake being frosted with homemade vanilla frosting

Pipe on a design

For this video I made my daughters 5th birthday cake, and of course she requested a unicorn cake. I put 3 colors into a piping bag and piped on rosettes using a Wilton 1M tip.

front view of a cake decorated with homemade vanilla frosting

FAQs about Homemade Frosting

Here are some commonly asked questions about this vanilla frosting recipe. 

How to Store Homemade Frosting

You can store the vanilla frosting in many ways: 

  • In an airtight container in the refrigerator for up to 1 week. 
  • In an airtight container in the freezer for up to 2 months.
  • In the piping bags in the freezer or refrigerator. I often use disposable decorating bags and if I have leftover frosting I just toss the bags into the freezer or refrigerator

Can you Freeze Homemade Frosting? 

This easy homemade frosting recipe recipe makes a ton of frosting, and it freezes exceptionally well! Even if I know I only need half of the recipe I still make the whole batch so that I can have some on hand in the freezer!

When you’re ready to use it remove from freezer and let it come to room temperature gradually (do NOT microwave). 

How to store a decorated cake

Once you use this frosting to decorate a cake, I suggest storing the decorated cake in the refrigerator so that the frosting hardens faster. However, we are a room-temperature cake-eating family. If you are too, take the cake out of the refrigerator at least 2 hours before serving. If there are any leftovers, store at room temperature covered in foil for up to four days. Or in the refrigerator for longer.

overhead view of a cake decorated with vanilla frosting

IF YOU MAKE SOMETHING FROM JOYFOODSUNSHINE I WOULD LOVE TO SEE YOUR CREATIONS! DON’T FORGET TO RATE THIS RECIPE AND LEAVE A COMMENT BELOW! ALSO, FOLLOW ALONG WITH ME ON INSTAGRAM, PINTEREST, FACEBOOK, YOUTUBE AND  TWITTER FOR MORE RECIPE INSPIRATION AND A GLIMPSE INTO OUR EVERYDAY LIFE!

Best Homemade Vanilla Frosting Recipe

Laura
The BEST homemade vanilla frosting recipe! 5 minutes and 6 ingredients is all it takes to make the best frosting at home! Ditch the store-bought varieties! Great for decorating cakes & cookies! 
5 from 3 votes
Print Recipe Pin Recipe
Prep Time 5 mins
Total Time 5 mins
Course condiment, Dessert
Cuisine American
Servings 24 (servings) Enough to frost a 2-layer 8-9" round cake
Calories 283 kcal

Equipment

  • KitchenAid Mixer
  • measuring spoons
  • measuring cups
  • spatula
  • gel food coloring
  • piping bag
  • Wilton 1M tip
  • large coupler

Ingredients
 
 

  • 1 cup salted butter softened
  • 1 cup shortening
  • ¼ tsp sea salt
  • 2 tsp pure vanilla extract
  • 2 pounds powdered sugar (about 7.5-8 cups, or 1 bag)
  • 1/3 cup milk

Instructions
 

  • Cream together butter and shortening until smooth.
  • Add salt and vanilla and beat until well combined.
  • Slowly add powdered sugar 1 or 2 cups at a time until your mixture is thick and a little lumpy (you can always add more later).
  • Add milk and beat until light and fluffy (about 2-3 minutes).
  • If necessary, add more powdered sugar until you reach your desired consistency.
  • Use to frost your favorite cakes, cookies and cupcakes!**

Video

Notes

Notes:Ā 

  • As you can see, my frosting isn’t pure white. This is because I used vanilla extract that is brown. If you want a whiter frosting, use clear vanilla.
  • If you plan to decorate with this frosting please keep it at room temperature. Cold frosting does not pipe well (or at all)!
  • If you’d like to add color, simply mix it in after your frosting has reached your desired consistency!
  • I usually decorate cakes the night before and let them set up in the fridge. Then I remove from the fridge at least 2 hours before serving so they can come to room temperature.
  • This makes a TON of frosting! If you don't use it all you can freeze it to use for later!

Ingredient Substitutions

  • Salted Butter.Ā I use salted butter to make frosting (and just about everything). Unsalted butter works perfectly as well. You can also try using vegan butter for a dairy-free version.Ā 
  • Shortening.Ā I use Crisco all-vegetable shortening to make this vanilla frosting. It works well and is easy to use because it comes in stick form. I don't recommend making substitutions for the shortening.Ā 
  • Milk.Ā I have used many different varieties of milk, I recommend whole milk or 2% milk to make this homemade frosting.Ā 
  • Pure vanilla extract.Ā Use pure extract for the best flavor. You can also use vanilla beans or vanilla bean paste.Ā 
  • Sea salt.Ā I like to add a pinch of sea salt to really bring out the flavors. This is optional, and you can omit it if you'd like.Ā 

Nutrition

Serving: 2TBSCalories: 283kcalCarbohydrates: 35gProtein: 0.2gFat: 16.3gSaturated Fat: 84gPolyunsaturated Fat: 1.2gMonounsaturated Fat: 5.8gCholesterol: 25mgSodium: 63mgPotassium: 9.3mgSugar: 34gVitamin A: 250IUCalcium: 6mg
Keyword best homemade vanilla frosting, dairy-free frosting recipe, easy vanilla frosting, homemade frosting, homemade frosting recipe, homemade vanilla frosting, how to make frosting, how to make vanilla frosting, vanilla frosting, vanilla frosting recipe
Tried this recipe?Let us know how it was!

I use this frosting recipe for every birthday in our family, including Jesus’s! šŸ˜‰ Click below for a free printable and see how I make this Nativity Cake. 

A birthday cake for Jesus!

Jesus's Birthday cake decorated with BEST homemade vanilla frosting recipe

I have also used this recipe to frost these cut-out sugar cookies...

Cut Out Sugar Cookies

This sunflower cake was for M’s first birthday. Still my most favorite cake I ever decorated to date! 

overhead view of a sunflower cake decorated with the best homemade vanilla frosting recipe

This post contains affiliate links, which means that if you purchase a product through a link you clicked on here, I receive a portion of the sale. Thank you for supporting JoyFoodSunshine! 

 

You might also like:

Dessert Sushi (Rice Krispie Roll Cake)
Healthy Avocado Chicken Salad
Dairy-Free Pumpkin Pie

Filed Under: Cake, Dessert, Gluten-Free, Homemade Holidays, Recipe Videos, Recipes Tagged With: cake, dessert, frosting, gluten free

Did you make this recipe?

Leave a comment and review below, then take a picture and tag @joyfoodsunshine #joyfoodsunshine on Instagram so I can see it! Sign up here to receive weekly e-mails!

Previous Post: « Healthy Chocolate Overnight Oats (Video)
Next Post: Best Homemade Vanilla Ice Cream (Video) »

Reader Interactions

Comments

  1. Dawn

    December 24, 2019 at 5:26 pm

    I don’t need that much frosting for cookies I’m making and if like to know how to go about making less. Please. Thank you.

    Reply
  2. Michelle

    September 8, 2019 at 10:17 pm

    I’m making this recipe soon, but need to know should the butter be unsalted? Thx!

    Reply
  3. Marie Quang

    June 21, 2019 at 7:20 pm

    Can you use margarine instead of butter ?

    Reply
    • Laura

      June 22, 2019 at 6:47 am

      Hello Marie! You can, but for the best flavor I recommend butter!

      Reply
  4. Haley

    June 17, 2019 at 8:45 am

    Can’t wait to try this recipe! About how many dozen cupcakes does it frost??

    Reply
  5. Michelle

    November 28, 2018 at 11:42 am

    5 stars
    Just made this buttercream icing and WOW! It is even more delicious than I was expecting! I made a 3 tier 9 inch cake and unfortunately I was only able to do rosettes around the sides (not the top) but it was my first attempt and turned out pretty great! I will definitely be using this icing recipe many more times! Thanks!

    Reply
  6. Marci Walter

    January 5, 2018 at 6:17 am

    I’m curious about using this frosting on cookies. When I frost a big batch of Christmas cookies, and then try to store them, the frosting runs together and sticks to the other cookies, or wax paper I put between them. How did you find it worked with your cookies (or did you just eat them all up the first day or two)? šŸ™‚

    Enjoy Bethany’s birthday and Sandy’s visit this month.!

    Reply
    • Laura

      January 5, 2018 at 6:57 am

      Hey Marci! 1) I can’t wait for Sandy to come! I miss her so much! 2) I frosted our sugar cookies this year and it worked really well! I just make sure to leave them out on the cooling rack in a single layer until the frosting hardens. Putting them outside in the cold or in the refrigerator helps speed this process up! But I recommend waiting to stack them until the frosting is hardened at room temperature! (So to clarify, if you want to speed up the process you an put them in the fridge but be sure they come to room temperature and the frosting is set before stacking)! I think the shortening really helps make this a great decorator frosting that sets up beautifully!

      Reply
  7. Kathy

    November 15, 2016 at 9:26 am

    5 stars
    Been looking for a good vanilla frosting,and yours sounds great,gonna try it on my grandsons birthday cake December 4th will send you a picture of his cake.thanks

    Reply
    • Laura

      November 16, 2016 at 3:11 pm

      Thank you Kathy! It is seriously the best vanilla frosting I have ever had! I would LOVE to see a picture of your grandson’s birthday cake! I can’t wait for December 4th!

      Reply
  8. Tara | Treble in the Kitchen

    May 12, 2016 at 12:13 pm

    Nice to meet you Laura!! (I came from the Lean Green Bean!) I love baking for people too šŸ™‚ Haven’t tried the 1M tip, but I totally need to!! The cupcakes are so pretty!

    Reply
    • Laura

      May 12, 2016 at 1:20 pm

      Nice to meet you Tara! šŸ™‚ I agree, I absolutely love baking for people! I love the 1M tip because it’s large so you can pipe a thicker amount of frosting and have it still look nice! šŸ™‚ Thank you for stopping by! šŸ™‚

      Reply
  9. Lela

    May 11, 2016 at 7:17 pm

    5 stars
    This icing looks great! My husband is a big vanilla icing fan and I think he will love it! Thanks for sharing at Inspiration Thursday!

    Reply
    • Laura

      May 11, 2016 at 9:22 pm

      My hubby and daughter are the vanilla people in our household (ugh! LOL)! Thankfully my son chose chocolate cake! šŸ˜‰

      Reply
  10. Claire

    May 11, 2016 at 5:12 am

    This looks great, love my cupcakes šŸ™‚

    Hope you can stop by my Tuesday treats blog hop?

    Reply
    • Laura

      May 11, 2016 at 1:05 pm

      Cupcakes for life! šŸ˜‰

      Reply
      • claire

        May 17, 2016 at 9:20 am

        Thanks so much for linking up šŸ™‚

        Reply
  11. Miz Helen

    May 10, 2016 at 7:08 pm

    Your little guy is just precious! What a fun party with awesome goodies! Thanks so much for sharing them with us at Full Plate Thursday and come back soon!
    Miz Helen

    Reply
    • Laura

      May 11, 2016 at 1:02 pm

      Thank you! I love that little dude so so much! šŸ™‚

      Reply
  12. Julia @ Drops of Jules

    May 6, 2016 at 8:16 pm

    Not only does this recipe sound delicious, but your frosting skills are BOMB. I wish my frosting turned out that beautiful! I’m bookmarking this so I can refer to the tips AND the recipe!

    Reply
    • Laura

      May 6, 2016 at 8:34 pm

      Thank so much! šŸ™‚ Want to know something hilarious? My husband is actually WAY better at decorating cakes than I am! (hehe)! Over the years he’s let me take the reigns, because you know…practice! šŸ˜‰ But I really enjoy doing it! šŸ™‚ You’ll have to let me know if you give it a shot!

      Reply
  13. Charlotte

    May 6, 2016 at 7:18 pm

    The icing looks yummy but those cupcake flowers are on point!

    Reply
    • Laura

      May 6, 2016 at 8:31 pm

      LOL thanks Charlotte! šŸ™‚ I felt like a total mommy-slacker in the cake dept. this year for little Gabe. So I’m glad someone out there appreciates the flower-power! šŸ˜‰

      Reply
  14. Amanda @ Cupcake N Dreams

    May 6, 2016 at 3:28 pm

    Mmmm this looks so good! and pretty painless for frosting! Sometimes mine comes out so chunky when I make it myself.

    Reply
    • Laura

      May 6, 2016 at 5:25 pm

      Thanks Amanda!! The key is to make sure your butter is @ room temperature and soft! Then really whip the butter and shortening together before you add the rest of the ingredients! šŸ™‚ Even if you’re making frosting with only one (butter or shortening) still be sure to whip it (whip it good) before you add anything else! šŸ™‚

      Reply
  15. Kathryn @ Family Food on the Table

    May 6, 2016 at 2:07 pm

    Aww, what a sweet birthday for the little guy! He looks so happy šŸ™‚ My oldest is turning 5 soon and I think this frosting will be what I use on her cupcakes – sounds easy and crazy delicious! (And it’s the first birthday since she outgrew her milk allergy so she can have the real stuff now!)

    Reply
    • Laura

      May 6, 2016 at 5:29 pm

      Thanks Kathryn! He was definitely in little boy paradise! šŸ™‚ My daughter just turned 5 in January! Such a fun age! Wow! You must be so grateful she outgrew her milk allergy…it seems to be in everything and very difficult to avoid! I’ll bet you make some gorgeous cupcakes…can’t wait to see how your daughter’s celebration goes! šŸ™‚

      Reply
  16. Liz @ Project Pastry Love

    May 6, 2016 at 11:18 am

    I am currently looking for a good vanilla frosting, so this post came at the right tie for me. I never use shortening in my frosting. Does this make it keep it’s shape better when decorated? Thank you for the recipe! And Happy Birthday to your little guy. The cake looked fantastic!

    Reply
    • Laura

      May 6, 2016 at 1:17 pm

      Hey Liz! Thank you! There are a few reasons I love the butter/shortening combo….1) Color. Just butter alone (plus the vanilla) leaves the frosting yellowish. Adding shortening gives it a whiter appearance! 2) Fluffiness. pure butter frosting is denser and heavier looking than frosting with shortening in it. 3). Taste. If you only care about looks I’d use pure shortening (fluffier + pure white!)…but I care WAY more about taste. By combining the two you get the rich taste of butter with the benefits of shortening! 4). Hardening/crusting. I find that this frosting hardens better than it’s pure butter counterpart! šŸ™‚

      Reply
  17. Emily

    May 6, 2016 at 2:30 pm

    Your son’s smile is contagious. It makes me want to laugh for joy! And this vanilla frosting looks like what I call ‘perfecto-mundo.’ I’m super bad at frostings, but I’m glad you shared this. Maybe I can make some cake. šŸ™‚

    Reply
    • Laura

      May 6, 2016 at 5:26 pm

      Thank you Emily! That little dude is just the sweetest! I’m so blessed to be his momma! šŸ™‚ There’s always a reason to make cake! Always! šŸ™‚ <3

      Reply
  18. Rusty Ryan

    May 6, 2016 at 1:53 pm

    All I know is that the frosting and cake underneath tasted incredible. My fork and taste buds didn’t really care about texture, hardening or crusting…that’s for sure.

    Reply
    • Laura

      May 6, 2016 at 5:30 pm

      Oh but they would if the texture was lumpy, the frosting was mushy, and there wasn’t the nice crisp exterior. You’d be singing a different tune. LOL! But thank you I’m glad you enjoyed the cake! šŸ™‚

      Reply
  19. Sarah

    May 6, 2016 at 5:51 am

    Super cute cake! Love the frosting. Looks like it makes a bit, better then store brought amounts. I’ll have to give this a try šŸ™‚

    Reply
    • Laura

      May 6, 2016 at 1:05 pm

      Hey Sarah! YES! This recipe makes an enormous amount of frosting! I usually have some left over to toss in the freezer for later! šŸ™‚

      Reply
  20. Anita

    May 6, 2016 at 5:33 am

    This looks so yummy! Thanks for sharing at Foodie FriDIY.

    Reply
    • Laura

      May 6, 2016 at 1:04 pm

      Thank you Anita! šŸ™‚ I hope you have a great weekend!

      Reply
  21. Kelsey

    May 5, 2016 at 3:23 pm

    That Star Wars cake is awesome and your son is adorable, you can see the joy on his face. I am excited to try this recipe! I’ve recently gotten back into cupcakes and have been looking for some great ideas.

    Reply
    • Laura

      May 5, 2016 at 5:02 pm

      Thanks Kelsey! I feel like I totally took the easy road with this cake in terms of decorating! But he didn’t mind! šŸ˜‰ You’ll have to let me know if you try it and how it goes! šŸ™‚ <3

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

About Laura

 

Hello I’m Laura! I am a former chemistry teacher turned wife and mom of five beautiful babies with one on the way in 2021! I’m a green smoothie addict, lover of the outdoors, and a peanut butter & nap enthusiast! Click here to read more >>

Let’s Be Friends!

  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter
  • YouTube

Sign Up to Receive Weekly Emails!

Popular Recipes

Easy Homemade Mac and Cheese (Stovetop)

Chicken & Rice Soup

Chicken and Rice Soup

Easy Guacamole Recipe

Easy Guacamole Recipe (5 Minutes + Video)

Healthy No-Bake Chocolate Peanut Butter Cookies

Crispy Baked Kale Chips

Healthy Breakfast Ideas – Quick & Easy Healthy Breakfast Recipes

Copyright © 2021 JoyFoodSunshine.com
3.1Kshares
  • 263