Chocolate Mango Cake | The Picky Eater

This post may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases. Please read my disclosure.

My chocolate mango cake features a moist chocolate cake with a light yet decadent mango frosting. The natural sweetness and slight acidity of mango pair perfectly with bitter chocolate. In this cake, I use mango extract to flavor the frosting and top the whole cake with sliced mangoes for the most decadent dessert.

This mango and chocolate cake starts with a soft chocolate base that’s moist and not too dense. I love its intense chocolate flavor and tender crumb. It’s a standout cake that works with any frosting, but I think it tastes amazing with mango buttercream. 🙂

My family devours this dessert quickly, but mango chocolate cake is easy to freeze, so I don’t worry if we can’t finish the whole thing. I like to freeze it in slices so I can pull out just one at a time. If you love cakes, you should also try my chocolate walnut cake, and chocolate orange cake!

Latest Recipe Video!

🥘 Ingredients

My Choco-mango cake calls for simple ingredients I usually already have in my pantry. Here’s what I need:

Coconut Oil and Sour Cream: I use oil to keep the cake moist and tender. If I don’t have coconut oil, vegetable oil works too. Sour cream adds texture more than tang, creating a light yet moist cake.

Eggs: I use large eggs for structure, they’re essential for a well-risen cake.

Vanilla Extract and Salt: I always add vanilla to chocolate cake because it enhances the cocoa flavor, and a pinch of salt balances the sweetness.

Brown Sugar and Cocoa Powder: I use these for sweetness and rich chocolate flavor.

Baking Powder and Soda: Leavening is crucial for a light fluffy cake. I make sure my baking powder is fresh; it should be less than a year old.

All-Purpose Flour: I choose all-purpose flour for its perfect protein content, keeping the cake soft but sturdy.

Instant Coffee and Boiling Water: I add coffee to deepen the chocolate flavor, not to make it taste like coffee. The boiling water helps dissolve and activate the instant coffee.

Egg Whites: I whip pasteurized egg whites to stiff peaks for a light, meringue-like frosting.

Powdered Sugar and Butter: I use unsalted butter for a silky, smooth mango cake filling, sweetened with powdered sugar.

Mango Extract: I add mango extract (found at craft stores or online) for flavor, fresh mangoes complement it perfectly, so mango puree isn’t needed. The extract along with fresh mangoes impart plenty of mango flavor!

🔪 How To Make

My mango chocolate cake has several steps, but they are all straightforward. Here’s what I do:

Preheat Oven, Combine Wet Ingredients: I preheat the oven to 350 degrees Fahrenheit and line an 8-inch round cake pan with parchment paper. I recommend using a springform pan if you have one, as it makes removing the cake much easier. In a mixing bowl, I whisk together the eggs, oil, sour cream, and vanilla, then set it aside.

Combine Dry Ingredients: In a separate bowl, I whisk together the brown sugar, salt, baking powder, baking soda, cocoa powder, and flour until well combined.

Make Batter: I pour the wet ingredients into the dry ingredients and mix until combined.

Hydrate Coffee: In a separate bowl, I combine the boiling water and instant coffee, then stir the mixture into the batter.

Bake: I pour the chocolate batter into the prepared pan and bake for 45 to 50 minutes, or until a skewer comes out clean. If the top browns too quickly, I cover it loosely with foil while it finishes baking.

Cool: I let the cake cool in the pan for 10 minutes before removing it and transferring it to a wire rack.

Make Buttercream: While the cake cools, I make the mango cake glaze. I whip the egg whites and powdered sugar with a whisk attachment for 3 minutes, then add 1/2 of the butter and whip until smooth. Add the remaining butter and the mango extract and continue whipping for 4 to 5 minutes until it comes together, even if it looks separated at first. I finish by adding orange coloring.

Assemble Mango Chocolate Brownie Cake: I add the top layer of cake, then frost with the remaining buttercream. Sometimes I finish it with sliced mango or mini chocolate chips.

Assemble Mango Chocolate Brownie Cake: Add the top layer of cake, then frost with the remaining buttercream. Top with sliced mango if desired. Sometimes I top with mini chocolate chips too.

Chill: I chill the cake for 1 hour, then serve.

📖 Variations

I love experimenting with this cake to keep it fresh and exciting:

Double chocolate mango cake: I add a layer of vegan chocolate ganache between the cake layers along with the mango frosting. It makes the cake richer and more chocolate forward.

Cupcake version: I bake the chocolate batter as cupcakes, then pipe mango frosting on top. I finish each one with a small piece of sliced mango.

Mango drip cake: I pour a thin layer of mango frosting down the sides of the cake for a drip look. I top it with extra sliced mangoes.

🍽 Serving Suggestions

For a simple satisfying snack, I like serving the cake alongside my Mexican fruit salad or my breakfast fruit salad. The fruit adds natural sweetness and a refreshing contrast.

Another option is to pair the cake with a scoop of tofu ice cream or a dollop of vegan whipped cream. These add creaminess and a fun indulgent touch for my kids without overwhelming the flavors of the chocolate-mango cake.

🧊 Storage Directions

Refrigerating: I store any leftover cake in an airtight container in the fridge for up to 4 days to keep it from drying out.

Freezing: I transfer the frozen cake slices to a freezer-safe container or bag and store them in the freezer for up to 3 months.

Reheating: I reheat a slice briefly in the microwave for 10 seconds, just until soft and warm, being careful not to overheat and dry it out.

❓ Recipe FAQs

📋 Recipe Card