0

Easy Homemade Vanilla Cake with Chocolate Cream Cheese Frosting

  • September 6, 2026

Easy Homemade Vanilla Cake with Chocolate Cream Cheese Frosting

Sometimes the simplest cakes are the ones you want to make again and again. This Easy Homemade Vanilla Cake is soft, flavorful and made with basic ingredients you probably already have in your kitchen.

The cake itself has a classic vanilla flavor with optional almond essence for a little extra aroma. Melted butter adds richness, while milk helps create a soft, tender crumb. Once baked and cooled, the cake is finished with an easy chocolate cream cheese frosting made with cream cheese, butter, powdered sugar and cocoa powder.

There’s no complicated decorating required. Simply spread the creamy chocolate frosting over the top, slice the cake into squares and serve.

It’s perfect for afternoon tea, birthdays, family gatherings or whenever you’re craving an easy homemade cake.

 

Ingredients

For the Vanilla Cake

  • 150 g (¾ cup) sugar
  • 290 g (2 cups) plain or all-purpose flour
  • 2 teaspoons baking powder
  • 240 ml (1 cup) milk
  • 2 large eggs
  • 90 g (⅓ cup + 1 tablespoon) butter, melted
  • 1 teaspoon vanilla extract
  • ½ teaspoon almond essence, optional

 

For the Chocolate Cream Cheese Frosting

  • 75 g cream cheese
  • 75 g (⅓ cup) butter, softened
  • 120 g (1 cup) powdered sugar
  • 1–2 tablespoons cocoa powder

Measuring cup size: 240 ml
Baking pan: 20 × 20 cm (8 × 8 inch)
Oven temperature: 170°C (338°F)
Baking time: 30–40 minutes

How to Make Easy Vanilla Cake

 

Step 1: Preheat the Oven

Preheat your oven to 170°C (338°F).

Lightly grease a 20 × 20 cm (8 × 8 inch) baking pan and line it with baking paper.

Allow some baking paper to extend above the sides if you want to lift the finished cake easily from the pan.

Set the prepared pan aside.

Step 2: Combine the Dry Ingredients

Place 290 g plain flour in a large mixing bowl.

Add:

  • 150 g sugar
  • 2 teaspoons baking powder

Whisk the dry ingredients together until evenly combined.

This helps distribute the baking powder throughout the flour so the cake can rise evenly in the oven.

 

Step 3: Prepare the Wet Ingredients

In another bowl, crack in the 2 eggs.

Add 240 ml milk and whisk until combined.

Pour in 90 g melted butter and add 1 teaspoon vanilla extract.

If you’re using almond essence, add ½ teaspoon at this stage.

Whisk until the wet ingredients are well combined.

Make sure the melted butter has cooled slightly before adding it to the eggs. It should be liquid but not piping hot.

Step 4: Combine the Wet and Dry Ingredients

Gradually pour the wet mixture into the bowl of dry ingredients.

Mix gently with a whisk or spatula until you have a smooth cake batter.

Scrape around the bottom and sides of the bowl to make sure there are no hidden pockets of flour.

Once everything is combined, stop mixing.

Overmixing after the flour has been hydrated can make the finished cake firmer rather than soft and tender.

 

Transfer the Batter to the Pan

Pour the vanilla cake batter into your prepared baking pan.

Use a spatula to spread the batter evenly toward the corners and smooth the surface.

Gently tap the pan on the countertop once or twice to help settle the batter.

Bake the Vanilla Cake

Place the cake in your preheated oven.

Bake at 170°C (338°F) for approximately 30–40 minutes.

Because ovens can vary considerably, start checking the cake around the 30-minute mark.

Insert a toothpick or thin wooden skewer into the center.

The cake is ready when the toothpick comes out clean or with only a few soft crumbs attached.

If there’s still wet batter on the toothpick, continue baking for a few more minutes before checking again.

Avoid overbaking, as this can make a simple vanilla cake dry.

 

Cool the Cake

Remove the cake from the oven and let it cool in the pan for approximately 10–15 minutes.

Then carefully transfer it to a cooling rack.

Allow the cake to cool completely before frosting.

This step is particularly important because the frosting contains butter and cream cheese. If you spread it onto a warm cake, it can quickly soften and melt.

How to Make Chocolate Cream Cheese Frosting

While the cake is cooling, you can prepare the simple chocolate frosting.

Step 1: Beat the Butter and Cream Cheese

Place 75 g softened butter and 75 g cream cheese in a mixing bowl.

Using an electric mixer, beat them together until smooth and creamy.

Scrape down the sides of the bowl as necessary.

 

Step 2: Add the Powdered Sugar

Gradually add 120 g powdered sugar.

Continue beating until the frosting becomes smooth and fluffy.

Adding the powdered sugar gradually can help prevent it from flying out of the bowl.

Step 3: Add the Cocoa Powder

Add 1 tablespoon cocoa powder and beat until completely incorporated.

Taste and check the color.

For a stronger chocolate flavor and darker frosting, add the second tablespoon of cocoa powder.

Mix again until the frosting is smooth and evenly chocolate-colored.

 

Frost the Vanilla Cake

Once the cake has cooled completely, spread the chocolate cream cheese frosting evenly over the top.

You can create rustic swirls with the back of a spoon or use an offset spatula for a smoother finish.

There’s no need for complicated piping or decorating. The contrast between the light vanilla cake and chocolate frosting already makes this simple dessert look inviting.

Allow the frosting to settle slightly before cutting the cake into squares.

Why Melted Butter Works Well in This Cake

Using melted butter makes this recipe particularly easy because there’s no need to spend time creaming softened butter and sugar.

The butter still provides the rich flavor you’d expect from a classic homemade vanilla cake while keeping the preparation straightforward.

Just remember to let the melted butter cool slightly before combining it with the eggs.

 

Vanilla and Almond Essence

Vanilla is the primary flavor in this cake, but a small amount of almond essence can add another layer of aroma.

The almond essence is completely optional.

If you prefer a classic vanilla cake, simply leave it out and use only the vanilla extract.

Tips for the Best Homemade Vanilla Cake

Measure the flour carefully. Too much flour can make the cake heavy or dry.

Don’t use extremely hot butter. Let melted butter cool slightly before adding it to the egg mixture.

Avoid overmixing. Once the wet and dry ingredients are combined, mix only until the batter is smooth.

Preheat the oven properly. Putting the cake into an oven that hasn’t reached the correct temperature can affect how it rises.

Start checking at 30 minutes. Different ovens and baking pans can affect cooking time.

Don’t overbake. Remove the cake once a toothpick comes out clean or with a few soft crumbs.

Cool completely before frosting. This prevents the cream cheese frosting from melting.

 

Can I Make This Cake Without Almond Essence?

Absolutely.

Almond essence is optional and can simply be omitted.

The vanilla extract provides plenty of flavor on its own.

Can I Make the Frosting Without Cocoa Powder?

Yes.

Leave out the cocoa powder and you’ll have a simple cream cheese and butter frosting instead.

This is a great option if you want an all-vanilla-style cake.

You could also add a little vanilla extract to the frosting for extra flavor.

 

How Much Cocoa Powder Should I Use?

Use 1 tablespoon for a lighter chocolate flavor.

For a richer chocolate taste and darker appearance, increase it to 2 tablespoons.

Because cocoa powders vary in intensity, you can start with the smaller amount and adjust according to your preference.

Why Is My Vanilla Cake Dry?

One of the most common causes is overbaking.

The suggested baking window is 30–40 minutes, but your cake may be ready closer to 30 minutes depending on your oven.

Another possible cause is using too much flour. When measuring with cups, avoid packing flour tightly into the cup.

 

Why Did My Cake Turn Out Dense?

Overmixing the batter can contribute to a dense texture.

Once the flour and liquid ingredients come together, stop mixing as soon as you have a smooth batter.

It’s also important to use fresh baking powder so the cake rises properly.

Can I Bake This Cake Ahead of Time?

Yes.

Bake the cake and allow it to cool completely.

If you’re not decorating it immediately, wrap the unfrosted cake well to prevent it from drying out.

You can then prepare the frosting and decorate the cake closer to serving time.

This makes the recipe convenient for parties and family gatherings.

 

How to Serve Vanilla Cake

Cut the finished cake into squares and serve it as it is, or pair it with:

  • Fresh strawberries
  • Raspberries
  • Blueberries
  • Hot coffee
  • Tea
  • Cold milk
  • Vanilla ice cream

Fresh berries are particularly delicious because their slightly tart flavor balances the sweet chocolate cream cheese frosting.

 

How to Store the Cake

Because this cake is topped with cream cheese frosting, store the finished cake covered in the refrigerator.

Keep it in an airtight container or cover the baking pan well so the cake doesn’t dry out.

For a softer texture and fuller flavor, take individual slices out of the refrigerator for a short time before serving.

Final Thoughts

This Easy Homemade Vanilla Cake is a great recipe to keep whenever you need a simple dessert without complicated preparation.

The vanilla cake is made with basic pantry ingredients, and using melted butter keeps the mixing process quick and straightforward. A touch of optional almond essence adds extra aroma, while the creamy chocolate cream cheese frosting transforms the simple cake into something special.

Bake it for afternoon tea, share it with family and friends or dress it up with fresh berries for a celebration.

Simple ingredients, easy preparation and classic vanilla-and-chocolate flavor make this a homemade cake you’ll be happy to make again and again.

Enjoy!