Soft, buttery, and bursting with juicy mango flavor, this Mango Coffee Cake is the perfect tropical twist on a classic favorite. Every bite combines tender cake, sweet fresh mango, and a warm cinnamon topping that melts beautifully into the golden crust. Whether served with coffee, tea, or as a light dessert, this cake is comforting, fruity, and completely irresistible.
✨ Why This Recipe Is Special
Unlike traditional coffee cakes, this version uses fresh mango to add natural sweetness and a soft, juicy texture. The rich butter and tangy buttermilk create an incredibly moist crumb, while the cinnamon-sugar topping adds a delicate crunch that perfectly balances the soft interior.
Best of all, it’s simple to prepare using everyday ingredients, making it ideal for both beginner bakers and experienced home cooks.
🛒 Ingredients
Dry Ingredients
- All-purpose flour
- Granulated sugar
- Baking powder
- Baking soda
- Ground nutmeg
- Salt
Wet Ingredients
- Unsalted butter
- Buttermilk
- Eggs
- Vanilla extract
Main Ingredient
- Fresh ripe mango, peeled and chopped
Cinnamon Topping
- Granulated sugar
- Ground cinnamon
👩🍳 Instructions
Step 1: Prepare the Baking Dish
Preheat your oven to 350°F (175°C). Grease a 9×13-inch baking pan to prevent sticking and ensure even baking.
Step 2: Mix the Dry Ingredients
In a large bowl, combine the flour, sugar, baking powder, baking soda, nutmeg, and salt.
Add the cold butter and cut it into the dry ingredients using your fingertips or a pastry cutter until the mixture resembles coarse crumbs.
Step 3: Prepare the Wet Mixture
In another bowl, whisk together the buttermilk, eggs, and vanilla extract until smooth.
Pour the wet ingredients into the dry mixture and gently stir until just combined. Avoid overmixing to keep the cake soft and fluffy.
Step 4: Add the Mango
Lightly coat the chopped mango pieces with a little flour before folding them into the batter. This helps keep the fruit evenly distributed while baking.
Fold gently so the mango pieces stay intact.
Step 5: Assemble the Cake
Spread the batter evenly into the prepared baking dish.
In a small bowl, mix the sugar and cinnamon together, then sprinkle the mixture evenly over the top of the batter.
Step 6: Bake
Bake for approximately 45 minutes, or until a toothpick inserted in the center comes out clean.
The top should appear golden brown with a slightly crisp finish.
Step 7: Cool and Serve
Allow the cake to cool before slicing. Serve warm or at room temperature.
For extra indulgence, top with whipped cream, vanilla glaze, or a scoop of ice cream.
🌟 Tips for Perfect Mango Coffee Cake
- Use ripe mangoes for the sweetest flavor
- Don’t overmix the batter
- Toss mango pieces in flour before adding
- Measure flour correctly for the best texture
- Allow the cake to cool slightly before slicing
🍍 Delicious Variations
Tropical Pineapple Version
Replace mango with crushed pineapple for a fruity twist.
Coconut Mango Cake
Add shredded coconut for extra tropical flavor.
Nutty Crunch
Mix in chopped pecans or walnuts for texture.
Warm Spice Flavor
Add cinnamon or cardamom to the batter for deeper flavor.
🧊 Storage Tips
- Store at room temperature for up to 2 days
- Refrigerate for up to 1 week
- Freeze individual slices for up to 3 months
Wrap tightly before freezing to maintain freshness.
☕ Perfect for Any Occasion
This Mango Coffee Cake is perfect for:
- Breakfast or brunch
- Afternoon tea
- Summer gatherings
- Holiday desserts
- Weekend baking
Its tropical flavor and soft texture make it a crowd favorite all year long.
💛 Final Thoughts
Mango Coffee Cake combines everything you love about classic coffee cake with the bright, juicy sweetness of fresh mango. It’s soft, rich, comforting, and incredibly easy to make.
One slice is never enough — it’s the kind of homemade treat that quickly becomes a family favorite!
