• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Littlest Crumb
  • Drinks
  • Cocktails
  • Recipes
  • Navigation Menu: Social Icons

menu icon
go to homepage
  • Drinks
  • Cocktails
  • Recipes
subscribe
search icon
Homepage link
  • Drinks
  • Cocktails
  • Recipes
×

Home » Uncategorized

Mango Chocolate Cake

Jump to Recipe

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.

Piece of mango chocolate cake with a fresh mango slice on top, on a glass plate on a beige napkin

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.

A whole, uncut mango chocolate cake with a couple mango slices on top, sitting on a glass platter

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. 

An eye level view of a large slice of mango chocolate cake beside a fork, with a coffee mug and small green plant in the background

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.

A slice of mango chocolate cake on a glass platter with the cut cake on a platter in the background

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. 

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Piece of mango chocolate cake with a fresh mango slice on top, on a glass plate on a beige napkin

Mango Chocolate Cake


  • 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
  • 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 

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

Keywords: Fruit, easy, simple

Leave a comment if you tried this recipe!

More Uncategorized

  • Apple Mango Smoothie
  • Macadamia Ice Cream
  • Mango Macadamia Salad
  • Simple Carrot, Apple, Kale & Ginger Smoothie

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe rating ★☆ ★☆ ★☆ ★☆ ★☆

Primary Sidebar

Ali in a white tank top wearing sunglasses, with trees with yellow leaves in the background.

Hi, I'm Ali! Full-time nurse, lifetime foodie. Join me as I create, eat and drink the most delicious brunch, cocktail & dessert recipes! More about me —>

Trending

  • Billy Miner Pie Recipe
  • RumChata French Toast
  • Crispy Pan Fried Gnocchi
  • Iced Oat Milk Latte

Fall Favorites

  • Salted Caramel Macchiato
  • Oreo Hot Chocolate (Dunkin Donuts Copycat)
  • Strawberry Apple Crisp
  • Apple Pie Overnight Oats

Holiday Cocktails

  • Baileys Hot Chocolate
  • Pumpkin RumChata Martini
  • Bourbon Cherry Cocktail
  • Bourbon Rosemary Cocktail

Footer

About

  • About
  • Privacy Policy
  • Terms And Conditions

Newsletter

  • Subscribe for the latest recipes.

Contact

  • Contact

As an Amazon Associate I earn from qualifying purchases.

Copyright © 2023 The Littlest Crumb