Go Back

White Chocolate Soccer Cake

This 6-inch white chocolate soccer cake is the perfect cake for any soccer fan. Four layers of white chocolate cake, with a rich chocolate buttercream in between each layer. Then a light crumb coat of vanilla buttercream. 

Prep Time 25 minutes
Cook Time 18 minutes
Total Time 43 minutes
Servings 1 6-inch cake (4 layers)


  • 1/2 cup butter, softened
  • 1 1/2 cups sugar
  • 4 egg whites *
  • 1 tbsp vanilla extract
  • 3/4 cup white chocolate (melted and cooled)
  • 1 tsp salt
  • 1 tbsp baking soda (yes you read that right - that's only 3 tsp, and you want this cake to rise!)
  • 1/2 cup Greek yogurt
  • 1/2 cup buttermilk
  • 1 cup cake flour (optional)
  • 1 cup all-purpose flour

Vanilla Buttercream (with a chocolate buttercream option)

  • 4 cups icing sugar
  • 1 cup butter, softened
  • 3 tbsp full cream (or milk)
  • 1 tbsp vanilla extract
  • 3 tbsp cocoa powder (for the chocolate butter cream)


  1. Preheat the oven to 350F degrees. Grease and line two 6-inch cake pans and set aside. 

  2. In the bowl of your stand mixer, cream together the butter and sugar on high for 5 minutes until nice and fluffy. Scrape down the sides as needed. While the butter is creaming, go ahead and melt the white chocolate and set it aside. 

  3. Add the egg whites, one at a time to the butter mixture. Whip for 1 minute in between each addition. Scrape down the sides. Stir in the white chocolate mixture and the vanilla and mix.  Sift together your dry ingredients in a medium-sized bowl and set aside. Combine the Greek yogurt and buttermilk and set aside. 

  4. Starting with the flour mixture, add 1/3 of it to wet ingredients. Pour 1/2 the milk ingredients. Mix. Alternate between the two ending with the flour. Be sure not OVERMIX as this will cause a tough batter. Using your spatula, ensure that the ingredients at the bottom of the bowl are well combined. 

  5. Evenly divide the batter between the two pans and place them in the oven. Cook for about 30 - 40 minutes or until cooked. You can take a look at the progress of your cake AFTER the 20-minute mark. You may need to continue baking in 5-minute time increments until the cake is cooked. Once it is cooked, let cakes cool in their pan and then flip them onto a cooling rack to cool completely. Frost and assemble your cake as desired! 


  1. Combine all the ingredients except the cocoa powder together. Whip on high for 7-10 minutes until the buttercream is nice and fluffy. Spoon about 1/2 the mixture into a small bowl and mix in the cocoa powder. You will use this to add between the layers of each cake. 

    Set aside a small amount of vanilla buttercream to tint green for the border. Use the rest of the buttercream for your crumb coat of the cake. 

Recipe Notes

* Use the leftover egg yolks to make some ice cream!

** If you decide to make the chocolate buttercream, you may need to double the recipe to have enough buttercream for the whole cake. I usually double my recipe and freeze any of the leftovers. Better safe than sorry :) To tint my buttercream green, I used Wilton gel food colouring and used a mix of vibrant green and a tiny amount of brown!