This triple chocolate layer cake - white, milk & dark chocolate has three soft cake layers, each made with a different type of chocolate. This works perfectly for chocolate lovers who can’t make up their mind which chocolate layer cake they actually want!

I love that the chocolate itself creates the ombré look, so there’s no need to rely on food coloring. It also makes a gorgeous Birthday Layer Cake when you want something a little more special. If you’re in the mood for another rich chocolate dessert, try my Chocolate Mousse Cake too. Keep reading because I’ll show you how to get those three chocolate layers right without making the cake dry.
Jump to:
Video Instructions
Try This Triple Chocolate Cake
If choosing between white, milk, and dark chocolate is difficult, this triple chocolate ombre cake gives you all three, which is any chocolate lover’s dream. Each layer has its own chocolate flavor, and the buttercream follows the same white-to-dark combination.
My favorite part is cutting into the cake and seeing those three distinct layers. It looks like it takes a lot of complicated decoration techniques, but the chocolate does most of the work when it comes to creating the different shades.
Why You'll Love It
- Three chocolates in one cake: White, milk, and dark chocolate each get their own cake layer and buttercream.
- No food coloring needed: The three chocolates naturally create the different shades.
- Great for celebrations: This works especially well as a Birthday Layer Cake, but it’s also suitable for an anniversary cake and other special occasions.
- You only make one base batter: Divide it into three bowls before adding the different chocolates.
- The frosting works the same way: Make one buttercream base, divide it, then add a different chocolate to each portion.
Ingredients

- Chocolate bars: I recommend good-quality chocolate bars rather than chocolate chips. Melted bars have a smoother consistency, whereas chocolate chips can become gritty and may leave the cake layers drier. You don't even need Dutch-process cocoa powder or natural cocoa powder for the chocolate taste!
- Mild-flavored oil: Vegetable or canola oil works well. You can also use sunflower oil. Avoid anything strongly flavored because you don’t want it competing with the chocolate.
- Buttermilk: As in a German chocolate cake recipe, this adds moisture and works with the other ingredients to give the cake a soft texture.
- Butter: Use unsalted butter at room temperature for both the cake and buttercream. Softened butter is much easier to beat until creamy.
Instructions
1. Preheat the oven to 350°F (175°C). Line the bottoms and sides of three 8-inch (20cm) round cake pans with parchment paper.
2. Combine the all purpose flour, baking powder, and salt in a medium bowl and set aside.
3. In a large mixing bowl, beat ½ cup of butter, ½ cup vegetable oil, and 1 cup sugar for 2 to 3 minutes or until creamy using a hand electric mixer or stand mixer fitted with a whisk or paddle attachment.
Recipe Note: I have used vegetable oil for this recipe, but any mild-flavored oil will work.

4. Add the large eggs and vanilla extract and mix until fully incorporated.
5. Alternately add the dry ingredients and 1 cup buttermilk, beginning and ending with the dry ingredients. Mix only until combined.

6. Divide the batter evenly between three bowls. I recommend using a kitchen scale here because it makes getting three even cake layers much easier.
7. Stir the cooled melted dark chocolate into the first large bowl, milk chocolate into the second, and white chocolate into the third.

8. Transfer each batter to a prepared cake pan and bake for 20-24 minutes. A toothpick inserted into the center should come out clean. Don’t overbake the layers because they can become dry. Let them cool on a cooling rack completely.
9. For the buttercream, beat the butter on medium-high speed for 2-3 minutes until soft and creamy. Add the powdered sugar and beat until smooth, then mix in the salt.

10. Divide the buttercream evenly between three bowls. Stir cooled dark chocolate into one, milk chocolate into another, and white chocolate into the last.
11. If necessary, trim the tops of the cooled cakes so you have flat, even surfaces to work with. Place the dark chocolate cake on your cake stand. Spread dark chocolate buttercream over the top of the cake, reserving about ¼ for the outside.

12. Add the milk chocolate layer and milk chocolate buttercream, followed by the white chocolate layer and white chocolate buttercream. Spread the reserved dark rich chocolate buttercream, milk, and white chocolate buttercreams around the corresponding sections on the sides of the cake.

13. Use an offset spatula to smooth the frosting and gently blend the areas where the different chocolates meet. Chill the finished cake in the fridge for 4 hours before serving.
Recipe Tips
- Let each type of melted chocolate cool before adding it to the cake batter or buttercream.
- Divide the plain batter before adding any chocolate.
- Do the same with the buttercream so you get equal amounts of each flavor.
- A kitchen scale makes dividing the batter and buttercream much easier, as is true in most cake recipes.
- Don’t overmix the cake batter once the cake flour has been added.
- Don’t overbake the layers. You want them soft rather than dry.
- Make sure the cakes are completely cool before adding buttercream.
- If the buttercream is too soft, add a little more powdered sugar.
- If it’s too thick, add whole milk 1 teaspoon at a time.
- If the buttercream tastes too sweet, a small pinch of salt can help balance it.
- You can always drip some chocolate ganache over the top if you want even more chocolate. You can also add a crumb coat with the leftover cake.
What Can You Serve With This?

- Fresh strawberries or raspberries
- Vanilla ice cream
- Whipped cream
- Fresh fruit
- Coffee or espresso
- A cold glass of milk
FAQs
Yes. You can bake the cake layers ahead and let them cool completely. Wrap each layer twice in plastic wrap. Properly wrapped layers can be stored for up to one month.
No. The dark, milk, and white chocolate naturally give the cake and frosting three different shades.
I recommend chocolate bars. They melt more smoothly, while chocolate chips can have a grittier consistency and may make the cake layers drier.
Yes. You can use another frosting if you prefer. The important part for the ombré appearance is creating distinct shades that blend where they meet.
You can smooth the appearance of your ombré cake and highlight the beautiful blending of colors by using a palette knife to go around the sides of your cake very gently. The objective is to blend the colors so be careful not to scrape off your frosting. Using a rotating cake stand and an actual cake scraper really makes a difference.
Recipe

Triple Chocolate Layer Cake - White, Milk & Dark Chocolate
Ingredients
triple chocolate cake layers
- 2 ⅓ cups all-purpose flour, spooned and leveled
- 1 tablespoon baking powder
- 1 teaspoon salt
- ½ cup unsalted butter, at room temperature
- ½ cup mild flavored vegetable or canola oil
- 1 cup granulated white sugar
- 2 large eggs
- 2 teaspoon vanilla extract
- 1 cup buttermilk
- 3 oz high-quality dark chocolate bars, melted and cooled
- 3 oz high-quality milk chocolate bars, melted and cooled
- 3 oz high-quality white chocolate bars, melted and cooled
triple chocolate buttercream
- 1 ½ cups unsalted butter, at room temperature
- 3 cups powdered sugar
- ⅓ teaspoon salt (or to taste)
- 3 oz high-quality dark chocolate bars, melted and cooled
- 3 oz high-quality milk chocolate bars, melted and cooled
- 3 oz high-quality white chocolate bars, melted and cooled
Instructions
- Preheat oven to 350°F / 175°C. Line the bottom and the sides of three 8" (20cm) baking pans with parchment paper and set aside.
- Cake layers: In a medium bowl combine flour, baking powder, and salt, and stir to combine. Set aside.
- In a large mixing bowl with an electric mixer fitted with a whisk or paddle attachment, beat butter, oil, and sugar until creamy for about 2-3 minutes. Add eggs and vanilla and mix until fully incorporated. Alternately add dry ingredients and buttermilk, beginning and ending with dry ingredients. Stir just until combined. Divide the batter evenly among three bowls (use a kitchen scale for accurate results). Pour the dark chocolate into one of the three bowls, stir and pour the batter into one of the prepared baking pans. Repeat with milk chocolate and white chocolate. Bake for 20-24 minutes or until a toothpick in the center comes out clean. Don't overbake or the cake will be dry. Let cool to room temperature.
- Buttercream: Beat butter on medium-high speed until soft and creamy, about 2-3 minutes. Add powdered sugar and beat until fully combined and smooth. Add salt to taste and mix to combine. Divide the buttercream evenly among three bowls (use a kitchen scale for accurate results). Pour the dark chocolate into one of the three bowls and stir until creamy. Repeat with milk chocolate and white chocolate.
- Assemble the cake: If necessary, cut a thin layer off the tops of your cakes to create a flat surface. Place the dark chocolate cake layer on a cake stand and spread the dark chocolate buttercream evenly over the cake. Reserve about ¼ of the buttercream for the sides. Repeat with the milk chocolate and white chocolate layers. Spread the remaining buttercream along the sides of the cake. To do this, spread one buttercream after another along the sides of each cake layer with an offset spatula, smoothing at the end with the offset spatula to slightly blend the colors where they meet. Chill 4 hours in the fridge before serving. Store in an airtight container in the fridge up to 4 days.
Notes
Cooking Time & Temperature
Bake at 350°F (175°C) for 20-24 minutes. Check the centers with a toothpick and remove the cakes once it comes out clean. Avoid leaving them in longer than necessary because overbaking can make the layers dry. Chill the assembled cake for 4 hours before serving.Taste & Texture
This cake moves from deep dark chocolate to sweeter milk chocolate and creamy white chocolate. Each cake layer has its own matching buttercream, so you can taste the difference as you work your way through a slice. The cake itself should be soft and fluffy rather than dense. The buttercream adds a smooth, creamy texture between the layers and around the outside.Storage, Freezing & Reheating
- Store the finished cake in an airtight container in the refrigerator or at cool room temperature for up to 4 days.
- For longer storage, freeze the assembled cake after chilling it until firm. Wrap it twice with plastic wrap and then twice with aluminum foil or place it in a freezer container. It can be frozen for up to 3 months.
- Individual slices can also be frozen for up to 3 months. Thaw a slice at room temperature for around 1 hour before serving.
Serving Recommendations
I like keeping the decoration fairly simple because the ombré frosting is already the main feature. Blackberries and white flowers work especially well without hiding those chocolate shades. For a Birthday Layer Cake, you can add your usual birthday decorations while keeping the white, milk, and dark chocolate gradient visible around the sides.Recipe Variations & Substitutions
- Chocolate: Use good-quality chocolate bars for the smoothest melted consistency.
- Dark chocolate: Around 50-60% chocolate works well if you want a rich flavor without making the dark layer overly bitter.
- Oil: Vegetable, sunflower, or canola oil can be used as long as the oil has a mild flavor.
- Frosting: You can use a different frosting recipe and still create the ombré effect.
- More colors: Additional shades can be added to white frosting with gel food coloring if you want more than three layers of color.
Proper Storage Tips
- Cool the cake layers completely before wrapping or frosting them.
- Wrap make-ahead cake layers twice with plastic wrap.
- Keep the assembled cake in an airtight container for short-term storage.
- For freezing, wrap the cake thoroughly rather than relying only on an airtight container.
- Thaw a whole frozen cake overnight in the refrigerator.
- Thaw individual frozen slices at room temperature for about 1 hour.
Pro Tips
- Use a kitchen scale to divide both the batter and buttercream evenly.
- Line the bottoms and sides of all three pans with parchment paper.
- Melt each chocolate separately and let it cool completely.
- Always divide the batter before adding the chocolate.
- Divide the buttercream before adding the three chocolates too.
- Trim uneven cake tops before assembling.
- Reserve around ¼ of each buttercream for frosting the sides.
- Start with the dark layer, followed by milk chocolate and then white chocolate for the classic gradient.
- Blend only where the frosting shades meet rather than completely mixing the colors together.
- Chill the cake for the full 4 hours so the buttercream has time to set.
Video
You can find the video in the post above. If you don't see a video, please check your browser settings.







Emma
This is the best cake recipe ever. I've made this recipe at least 5 times now. All my family members want this cake for their birthday. It's so good!!!!!
Tessa
Hello! Can this recipe be made in advance? My thought was to make everything day before, assemble day of. Any suggestions?
Sabine
Hi, yes that is absolutely possible. Store the cake layers in an airtight container at room temperature and the frostings in the refrigerator. Let the frosting sit at room temperature for 30-60 minutes before assembling the cake. I hope that helps.
Ashish Jain
Hi Sabine,
I am planning to bake this cake for my wife on her bday as she has been thinking of baking a chocolate ombre cake herself for quite some time now.
Request your help on couple of queries
1. Can I substitute eggs with 1/2cup Greek yogurt?
2. Are the chocolates used for cake batter and frosting sugar less or should they have some % of sugar?
Sabine
Hi Ashish, I haven't tried this particular recipe with Greek yogurt but you can certainly use 1/4 cup of Greek yogurt for each egg. The chocolates I used were white (no percentages), milk (about 35%), and dark (about 50%). I hope that helps. Good luck and happy birthday to your wife.
Ashish Jain
Thanks Sabine,
Your comment came on the day when I had to bake the cake!
We all loved the cake, especially dark chocolate and milk chocolate layer.
Maybe it was the white chocolate I used, but the white frosting was too sweet for our taste. Will definitely try it again next time.
Gabi
This cake was definitely a little more involved but SO worth it!! It’s a huge party pleaser because it’s so unique and tastes like you’re eating pure chocolate <3. Thank you so much for the recipe!
Ritika
Hi,
I have a small oven. Can I bake all the three layers together in 1 cake tin ?
Sabine
No, that wouldn't work out, sorry.
Navodi Peiris
Can I use milk instead of buttermilk?
Sabine
You can replace the buttermilk as follows. Pour 1 tbsp (15ml) of vinegar into a 1 cup (240ml) measuring cup and add milk until you measure 1 cup (240ml) of liquid in total. Then let stand for 5 minutes until it curdles a little. Then use it.
Marianne
Hi Sabine! I'm gonna make this cake this weekend and it looks great. I would like to use a coffee flavored simple syrup. Is this advisable? I'm making the cake layers 2 days in advance and putting on the buttercream the day I will be serving it, is it better to use the simple syrup right after baking and cooling, or should I wait and do it on the day I'm serving? Thanks so much in advance! Greetings from the Netherlands.
Sabine
Hi Marianne, I would add it when you assemble and frost the cake. Sounds delicious. Hope that helps. Have a wonderful weekend.
Sherrie Bowen
I'm planning to make this cake for my sons birthday, per is request. Can I use Ghirardelli baking chocolate or do I need to use regular chocolate bars found in the candy aisle?
Sabine
Yes, you can use Ghirardelli baking chocolate for the batter. You could also use it for the frosting if you like the taste of it when eaten plain. If you prefer the taste of another chocolate more, I would go with another one for the frosting since the chocolate flavor determines the flavor of the frosting. I hope that helps!
Darina
Hi Sabine,
thank you so much for this recipe! I made it for my birthday and it turned out great. OMG. Sooooo chocolatey! My friends loved it and one of them even asked me about the recipe. It's foolproof and easy.
Darina ❤️
Sabine
Hi Darina,
Thank you so much for your nice feedback! I'm happy that you like the cake as much as we do. It's a fantastic birthday cake for sure. Happy belated birthday.
Sabine 🙂
doyle
The wife made this for my birthday. It turned out great. Thanks for sharing.
Sabine
Thank you!