Vanilla caramel cake is a soft, moist layer cake made with tender vanilla cake layers and homemade caramel frosting. The buttery caramel frosting pairs perfectly with the light vanilla cake, making it an excellent choice for birthdays, celebrations, or anytime you want a homemade layer cake.

Homemade vanilla caramel cake covered with caramel frosting on a white serving plate.

Smother a vanilla cake in caramel frosting

When my neighbor’s birthday rolled around this year, her fiancé asked me to make her cake. The only flavor ideas he gave me were vanilla and caramel. With that to go on, a homemade vanilla cake seemed like the obvious choice, and caramel frosting naturally followed.

The vanilla cake was a no-brainer. The frosting was a little more challenging because I don’t use corn syrup in my kitchen, and it’s a common ingredient in caramel recipes. I wasn’t completely sure how it was going to turn out, but it ended up being a big hit with everyone who had a slice. After seeing how much everyone enjoyed it, I knew I had to share the recipe here so you can make it in your own kitchen too.

If you’re looking for another homemade cake that’s guaranteed to impress, be sure to try my chocolate cake with peppermint frosting, lemon crumb cake from scratch, or old-fashioned sweet potato cake.

Recipe ingredients

All-purpose flour: A good-quality all-purpose flour is the best choice for this recipe. It provides the ideal balance of tenderness and structure for a classic vanilla layer cake.
Brown sugar: Light brown sugar is the best choice for both the cake and the caramel frosting. Its mild molasses flavor enhances the vanilla cake and creates a natural bridge to the caramel frosting, giving the finished cake a deeper, more cohesive flavor.
Vegetable oil: Vegetable oil is an economical choice that produces a moist, tender cake. Any neutral-flavored oil works well, including canola, sunflower, safflower, avocado, or grapeseed oil. Avoid strongly flavored oils that can compete with the vanilla and caramel.
Butter: Use a good-quality butter for the richest caramel frosting. If you’d like to make every part of this cake from scratch, my butter made from fresh cream recipe is an excellent choice.
Half-and-half: Don’t substitute whole milk here. Half-and-half provides the extra butterfat needed for a smooth, creamy caramel frosting with the proper consistency and a richer flavor.
Vanilla extract: Choose pure vanilla extract rather than imitation vanilla. Since vanilla is one of the main flavors in this cake, using a quality extract makes a noticeable difference in both the cake layers and the frosting.

See the recipe card for full information on ingredients and quantities.

How to make vanilla caramel cake

To make the cake:

Step 1: Preheat the oven to 350°F (175°C). Grease two 8-inch round cake pans, dust them lightly with flour, and tap out any excess. Set aside.

Step 2: Add the flour, brown sugar, granulated sugar, baking powder, and salt to the bowl of a stand mixer. Mix on low speed until the dry ingredients are evenly combined.

Step 3: With the mixer still on low, add the butter one tablespoon at a time. Continue mixing until the butter is evenly distributed and the mixture resembles coarse, sandy crumbs.

Step 4: Pour in the vegetable oil and mix until no dry patches remain.

Would you like to save this post for later?

We'll email it to you, so you can come back to it whenever you like!

Step 5: Add the milk, eggs, and vanilla extract. Mix on low speed just until the batter comes together.

Step 6: Scrape down the sides and bottom of the bowl with a rubber spatula. Increase the mixer to high speed and beat for 30 seconds until the batter is smooth.

Step 7: Divide the batter evenly between the prepared cake pans. Bake for 30–35 minutes, or until the tops spring back lightly when touched and a toothpick inserted in the center comes out clean.

Step 8: Let the cakes cool in the pans for 15 minutes, then carefully turn them out onto a wire rack. Cool completely before frosting.

For the frosting:

Step 1: In a medium saucepan, combine the brown sugar, butter, salt, and half-and-half.

Step 2: Cook over medium heat, stirring frequently, until the butter has melted, the sugar has dissolved, and the mixture reaches a gentle boil.

Step 3: Continue boiling for 5 minutes, stirring constantly to prevent scorching.

Step 4: Remove the saucepan from the heat and transfer the caramel mixture to a large heatproof bowl or the bowl of a stand mixer. Let it cool for 10 minutes.

Step 5: Add the powdered sugar and vanilla extract. Mix on low speed until incorporated, then increase to high speed and beat until the frosting is smooth and fully combined.

Step 6: Let it stand for about 10 minutes, or until it thickens to a spreadable consistency.

Step 7: Spread a layer of caramel frosting over the top of one completely cooled cake layer. Place the second cake layer on top, then spread the remaining frosting over the top and sides of the cake. If the frosting begins sliding down the sides or feels too soft to work with, let it rest for a few more minutes until it thickens before continuing.

Top tips

Cream the butter into the dry ingredients completely: Before adding the wet ingredients, make sure the butter has been evenly worked into the flour mixture with no large pieces remaining. This helps create a fine, tender crumb throughout the cake.
Level the cake layers before assembling: If the cakes have domed slightly during baking, trim the tops with a long serrated knife. Flat layers stack more securely and give the finished cake a professional appearance.
Stir the frosting occasionally while decorating: As the caramel frosting cools, it will continue to thicken. Giving it an occasional stir helps maintain an even, spreadable consistency while you frost the cake.
Let the finished cake rest before slicing: Allowing the frosted cake to sit for about 30 minutes gives the caramel frosting time to set slightly, making cleaner slices and helping the layers stay neatly in place.