The Best Homemade Vanilla Frosting

Jump to Recipe

This post may contain affiliate links. Please read our disclosure policy.

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, cupcakes, and cookies! There’s no reason to ever 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.” 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 6 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!

Use Room temperature ingredients

An important note about the ingredients in this 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
  • 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. 
front view of a cake decorated with homemade vanilla frosting

 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! Here are some suggestions:

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 do you store homemade frosting?

You can store the vanilla frosting for up to 1 week in the refrigerator or in the freezer for up to 2 months.
You can also store it 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 vanilla 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 do you 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 and love our recipes, it would mean so much to me if you would leave a comment and rating! And don’t forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube – be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can see your creations!

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 15 votes
Course condiment, Dessert
Cuisine American
Servings 24 (servings) Enough to frost a 2-layer 8-9″ round cake
Calories 283
Prep Time5 minutes
Total Time5 minutes

Ingredients 
 

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!

How to store vanilla frosting:

  • This vanilla frosting lasts in an airtight container in the refrigerator for up to 1 week or in the freezer for up to 2 months.
  • You can also store it 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

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: 2TBS | Calories: 283kcal | Carbohydrates: 35g | Protein: 0.2g | Fat: 16.3g | Saturated Fat: 84g | Polyunsaturated Fat: 1.2g | Monounsaturated Fat: 5.8g | Cholesterol: 25mg | Sodium: 63mg | Potassium: 9.3mg | Sugar: 34g | Vitamin A: 250IU | Calcium: 6mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you enjoy this recipe? Have a question? Leave a comment below!

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



latest recipes

Post a Comment or Ask a Question!

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

Recipe Rating




49 Comments

  1. 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!

    1. 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!

    1. 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! 😉

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

    1. 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! 🙂

  3. 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. 🙂

    1. 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

  4. 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!)

    1. 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! 🙂

  5. 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!

    1. 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! 🙂

  6. 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.

    1. 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! 🙂

  7. 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 🙂

    1. Hey Sarah! YES! This recipe makes an enormous amount of frosting! I usually have some left over to toss in the freezer for later! 🙂

  8. 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.

    1. 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