Mango Chocolate Cake

This tasty mango chocolate cake is a simple and easy cake recipe that tastes absolutely delicious. A double layer chocolate cake base, lightly covered with a mango buttercream. Then topped with fresh mango slices. Light enough for a breakfast cake or a not-too-heavy dessert.

When you think about what fruit goes best with chocolate, mango is not the first one that you would think of. However, when done right, it is SO tasty, like in this Chocolate Mango Smoothie. This cake has a soft, light and fluffy cake base which is not too rich or dense. Then it is frosted with a mango buttercream icing which tastes purely of mango. It is a bit on the sweeter side (as all buttercream icings are), so personally I like to spread this icing thinly, but there is enough in the recipe to add a slightly thicker layer if you prefer.

Lastly is the fresh mango topping. In these photos I have only added a couple mango slices on top, but I strongly recommend layering fresh mangoes across the whole top to have some with every bite. This cake with fresh mangoes turns this cake from “mm that’s good”, to “WOW that’s delicious!”. 

Personally, since all the cakes I’ve been making have been just for me and my husband lately rather than a large crowd, I only put the fresh mangoes on top right when I am about to eat a slice. Mangoes are fresher and taste best as soon as they are cut. 

How to make the mango buttercream:

Making the chocolate cake base is fairly straightforward, but the mango buttercream is slightly different than normal.

First, peel the mango and cut it up into chunks. Purée these mango chunks in a food processor or a blender. If needed add a spoonful of water to help blend the mango smoothly. 

Next, on a saucepan over medium to high heat, heat the mango purée, stirring occasionally. Continue to heat for about 5-10 minutes until the mango purée has reduced to about half the volume.

Let the reduced mango purée cool to room temperature. Beat the icing sugar and butter together for a few minutes until formed into smooth buttercream. Slowly add in the room temperature mango purée and continue to beat the frosting until the mango is mixed in well. 

Store the icing in an airtight container in the fridge for about 30 minutes before frosting the cake. This makes it easier to spread. 

📖 Recipe

Mango Chocolate Cake

---

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

• Author: Alejandra | The Littlest Crumb
• Total Time: 1 hour 10 minutes
• Yield: 14 servings 1x
• Diet: Vegetarian

Print Recipe

Pin Recipe

Description

This tasty mango chocolate cake is a simple and easy cake recipe that tastes absolutely delicious. Light enough for a breakfast cake or a not-too-heavy dessert.

---

Ingredients

Scale 1x2x3x

• Cake:
  • ¾ cup + ⅛ cup butter
  • 1 ⅓ cups granulated sugar 
  • ⅔ cup semisweet chocolate chips
  • 3 eggs 
  • 1 ½ tsp vanilla extract 
  • 1 ⅔ cups all-purpose flour
  • ½ tsp salt
  • 2 ¼ tsp baking powder 
  • 1 cup milk
• Mango Buttercream:
  • 1 mango
  • 1 ½ cups icing sugar
  • ½ cup butter 

Cook Mode Prevent your screen from going dark

---

Instructions

1. Grease or line two round 9 inch springform pans with parchment paper. Preheat the oven to 365F. 
2. Start by making the cake batter. Beat the butter for 2-3 minutes until smooth and creamy. Add the granulated sugar and cream until light and fluffy, approximately another 2-3 minutes. 
3. Melt the chocolate chips in the microwave, stirring every 20 seconds to prevent burning. Let them cool for a couple minutes, then slowly beat them into the butter and sugar mixture. 
4. Beat in the eggs, one at a time. Beat in the vanilla extract.
5. In a medium sized bowl, mix together the flour, salt and baking powder. 
6. Alternate between adding the dry ingredients and the milk to the wet ingredients, mixing just until combined. 
7. Divide the batter evenly between the two springform pans. Bake for 30-35 minutes until a toothpick comes out clean. 
8. Meanwhile, make the mango buttercream. Peel the mango and cut it into rough chunks. Blend the mango chunks in a blender or pulse in a food processor until smooth. If needed, add a spoonful of water to help blend. 
9. Heat the mango purée on a saucepan over medium to high heat, stirring occasionally to prevent the mixture from burning. Bring to a simmer and continue to simmer until the volume is reduced by about half. This should take about 5-10 minutes. Let the reduced mango purée cool down to room temperature.
10. Beat together the butter and icing sugar for the buttercream until you have a smooth, icing consistency. This should take a couple of minutes. Then, slowly beat in the mango purée until combined.  Put the buttercream in an airtight container in the fridge until ready to frost the cake. It will be easier to frost the cake with cooled icing. 
11. Once the cakes have cooled, remove them from the springform pans. Spread the chilled buttercream on top of the base layer, and then stack the second layer on top. Finish frosting the rest of the cake. 
12. Layer fresh mango slices on top and serve. 

Notes

• This cake is so much better with mango slices on top. However, it is best when they are fresh. Try to put the sliced mangoes on right before you have a piece. Or, serve the cake with a side of mangoes.
• Store the leftover cake in an airtight container in the fridge for up to a week.

• Prep Time: 40 minutes
• Cook Time: 30 minutes
• Category: Cakes
• Method: Bake
• Cuisine: American

Nutrition

• Serving Size: 1 slice
• Calories: 415
• Sugar: 38.7g
• Sodium: 273mg
• Fat: 81.3g
• Saturated Fat: 13.7g
• Unsaturated Fat: 7.2g
• Trans Fat: 0.8g
• Carbohydrates: 52.1g
• Fiber: 1.2g
• Protein: 4.2g
• Cholesterol: 91mg