Mango Coffee Cake Recipe

If you have ripe mangoes sitting on your counter, turn them into this delicious Mango Coffee Cake. This easy fruit coffee cake combines a soft, buttery crumb with juicy pieces of fresh mango and a sweet cinnamon-sugar topping.

It is perfect for breakfast, brunch, an afternoon snack, or a simple dessert served with coffee or tea. The mango adds natural tropical sweetness while the cinnamon topping gives every slice a warm, bakery-style finish.

And despite the name, mango coffee cake does not actually contain coffee. Coffee cake simply refers to a type of cake traditionally served alongside a cup of coffee or tea.

Why You’ll Love This Mango Coffee Cake

There are plenty of reasons to make this easy mango dessert:

Fresh and fruity: Juicy mango pieces are baked throughout the tender cake.
Soft and buttery: Buttermilk helps create a moist, delicate crumb.
Easy ingredients: Most of the ingredients are pantry and refrigerator staples.
No complicated decorating: A simple cinnamon-sugar topping is all you need.
Perfect for breakfast or dessert: Serve it warm in the morning or as an afternoon sweet treat.
Great for mango season: It is an easy way to use ripe fresh mangoes.

Ingredients You’ll Need

For the Mango Coffee Cake

2 cups all-purpose flour
1 ½ teaspoons baking powder
½ teaspoon baking soda
½ teaspoon ground nutmeg
¼ teaspoon salt
½ cup unsalted butter, cold and cubed
1 ¾ cups granulated sugar
1 cup buttermilk
2 large eggs
1 teaspoon vanilla extract
3 cups peeled and diced ripe mangoes
1 tablespoon all-purpose flour, for tossing with the mango

For the Cinnamon Sugar Topping

⅓ cup granulated sugar
¾ teaspoon ground cinnamon

Optional for Serving

Whipped cream
Vanilla ice cream
Plain or Greek yogurt
A cup of hot coffee or tea

How to Choose Mangoes for Coffee Cake

The mango you use can make a noticeable difference in the finished cake.

Choose mangoes that are ripe but still slightly firm. They should have a sweet aroma and give a little when gently pressed, but they should not be extremely soft or mushy.

Very soft mangoes contain more loose juice and can add excess moisture to the batter. For the best texture, peel the mangoes, remove the pit, dice the flesh into bite-sized pieces, and gently pat the pieces dry if they seem particularly juicy.

How to Make Mango Coffee Cake

1. Prepare the Oven and Pan

Preheat your oven to 350°F (175°C).

Grease a 9×13-inch baking pan or line it with parchment paper, leaving a little overhang so the finished cake is easier to remove.

2. Prepare the Dry Ingredients

In a large mixing bowl, whisk together the flour, baking powder, baking soda, nutmeg, and salt.

Add the cold cubed butter.

Using a pastry cutter, two knives, or your fingertips, work the butter into the flour mixture until it resembles coarse crumbs with a few small pieces of butter remaining.

Do not completely melt or cream the butter into the mixture.

3. Mix the Wet Ingredients

In another bowl, whisk together the buttermilk, eggs, vanilla, and the granulated sugar.

Pour the wet mixture into the flour and butter mixture.

Stir gently until the ingredients are just combined. Avoid overmixing because too much stirring can make the cake heavier.

4. Prepare the Mango

Place the diced mango in a small bowl and toss it gently with 1 tablespoon of flour.

This light coating helps the mango pieces stay distributed throughout the batter instead of all settling toward the bottom.

5. Fold in the Mango

Gently fold the mango pieces into the cake batter.

Use a spatula and make only a few broad folds. The batter should remain thick rather than becoming loose or watery.

Transfer the batter to the prepared baking pan and spread it into an even layer.

6. Add the Cinnamon Sugar

Mix the remaining sugar with the ground cinnamon.

Sprinkle the cinnamon-sugar mixture evenly over the top of the batter.

As the cake bakes, the topping becomes lightly crisp and fragrant while the mango underneath becomes soft and juicy.

7. Bake

Place the pan in the center of the preheated oven.

Bake for approximately 40–45 minutes, or until the top is golden and a toothpick inserted into an area of cake without a large mango piece comes out clean or with a few moist crumbs.

If the top begins browning too quickly before the center is finished, loosely cover the cake with aluminum foil for the remainder of the baking time.

8. Cool and Serve

Allow the mango coffee cake to cool in the pan for about 10–15 minutes.

Slice and serve it warm or allow it to cool completely.

For an extra-special serving, add a spoonful of whipped cream or vanilla ice cream.

How to Keep Mango Coffee Cake From Getting Soggy

Fresh mango contains a lot of moisture, so a few simple steps can make a big difference.

Use firm-ripe mangoes. Extremely soft mangoes can release too much juice during baking.

Dry the mango pieces. If the diced mango looks very wet, gently pat it with paper towels before adding it to the batter.

Toss mango with flour. A light coating helps the fruit distribute throughout the thick batter.

Don’t overmix. Stir the batter only until the ingredients are combined.

Test the cake correctly. Avoid inserting the toothpick directly into a large mango pocket because melted fruit can make the toothpick look wet even when the surrounding cake is completely baked.

Can You Use Frozen Mango?

Yes. Frozen mango can work when fresh mango isn’t available.

Thaw the mango completely and drain away excess liquid. Pat the pieces dry before measuring and adding them to the batter.

Avoid adding frozen mango directly to the cake because the extra ice and moisture can interfere with the texture and baking time.

Can I Use Canned Mango?

Canned mango can also be used, although fresh mango generally gives the cake a brighter flavor and firmer pieces.

If using canned mango, drain it thoroughly and gently pat the pieces dry before dicing.

Easy Mango Coffee Cake Variations

Mango Coconut Coffee Cake

Add ½ cup of shredded unsweetened coconut to the batter for a tropical mango-coconut combination.

Mango Blueberry Coffee Cake

Replace about 1 cup of the mango with fresh blueberries. The combination of sweet mango and slightly tart berries makes a colorful fruit coffee cake.

Mango Lime Coffee Cake

Add 1–2 teaspoons of finely grated lime zest to the batter. Lime adds a bright citrus flavor that works beautifully with ripe mango.

Mango Pecan Streusel Cake

Instead of the cinnamon-sugar topping, add a simple streusel made with flour, brown sugar, cold butter, cinnamon, and chopped pecans.

The crunchy topping gives the soft mango cake a bakery-style finish.

What to Serve With Mango Coffee Cake

This cake is delicious on its own, but it pairs especially well with:

Hot coffee
Black tea
Chai tea
Fresh fruit
Greek yogurt
Whipped cream
Vanilla ice cream

For breakfast or brunch, serve warm slices with coffee and fresh berries.

For dessert, try it slightly warm with a scoop of vanilla ice cream.

How to Store Mango Coffee Cake

Because this cake contains fresh mango, allow it to cool completely and then store it covered in the refrigerator.

Keep individual slices in an airtight container for up to several days.

When you’re ready to serve, gently warm a slice in a toaster oven or microwave.

A toaster oven is particularly useful if you want to bring back some of the texture of the cinnamon-sugar topping.

Frequently Asked Questions

Does mango coffee cake contain coffee?

No. Traditional American coffee cake generally does not require coffee as an ingredient. The name comes from the tradition of serving this type of cake with coffee or tea.

Can I make mango coffee cake with frozen mango?

Yes. Thaw frozen mango completely, drain the excess liquid, and pat the pieces dry before adding them to the batter.

Why is my mango coffee cake wet in the middle?

Excess moisture from very ripe mangoes, overmixing, or underbaking can contribute to a wet center. Use firm-ripe mangoes, avoid overmixing, and test the cake in an area without a large piece of fruit.

How do I stop mango pieces from sinking?

Toss the diced mango with a small amount of flour before folding it into the batter. Also make sure your batter is thick enough to support the fruit.

Can I make this recipe ahead of time?

Yes. Bake the cake ahead of time, cool it completely, cover it, and refrigerate it. Warm individual slices before serving if desired.

Can I freeze mango coffee cake?

Yes. Once completely cooled, wrap individual slices tightly and place them in a freezer-safe container or bag. Thaw in the refrigerator and warm before serving.

Recipe Card

Mango Coffee Cake

Prep Time: 20 minutes
Cook Time: 40–45 minutes
Total Time: About 1 hour
Servings: 12 slices
Course: Breakfast, Dessert
Cuisine: American

Ingredients

Cake

2 cups all-purpose flour
1 ½ teaspoons baking powder
½ teaspoon baking soda
½ teaspoon nutmeg
¼ teaspoon salt
½ cup cold unsalted butter, cubed
1 ¾ cups granulated sugar
1 cup buttermilk
2 large eggs
1 teaspoon vanilla extract
3 cups diced ripe mango
1 tablespoon flour

Topping

⅓ cup granulated sugar
¾ teaspoon cinnamon

Instructions

Preheat oven to 350°F (175°C) and grease a 9×13-inch baking pan.
Whisk together flour, baking powder, baking soda, nutmeg, and salt.
Cut the cold butter into the dry ingredients until the mixture resembles coarse crumbs.
Whisk together buttermilk, eggs, vanilla, and sugar.
Add the wet ingredients to the flour mixture and stir just until combined.
Toss diced mango with 1 tablespoon flour.
Gently fold mango into the batter.
Spread batter evenly in the prepared pan.
Mix cinnamon and sugar and sprinkle evenly over the top.
Bake for 40–45 minutes, until golden and a toothpick inserted into the cake portion comes out clean.
Cool for 10–15 minutes before slicing.
Serve warm with coffee, tea, whipped cream, or vanilla ice cream.

Final Thoughts

This easy Mango Coffee Cake is a simple way to turn fresh mangoes into a soft, buttery fruit dessert. The combination of juicy mango, tender buttermilk cake, and cinnamon-sugar topping makes it equally suitable for breakfast, brunch, afternoon tea, or dessert.

For the best result, use ripe but firm mangoes, avoid adding excess fruit juice, and don’t overmix the batter. Once baked, you’ll have a golden fruit-filled cake with a fragrant cinnamon topping and plenty of mango flavor in every bite.