Mango Lime Coffee Cake: A Tropical Twist on a Classic Treat

If you love bright, fruity flavors, this Mango Lime Coffee Cake is a treat worth baking.

Sweet, juicy mango and fresh lime come together in a soft, tender cake, while a buttery crumb topping adds the perfect finishing touch.

It’s the kind of recipe that feels special without being complicated.

Serve it for breakfast, brunch, an afternoon coffee break, or even dessert.

Every bite is packed with tropical flavor, making it a simple way to bring a little sunshine to your table.

Why You’ll Love This Mango Lime Coffee Cake

• Sweet and tangy tropical flavors – The combination of juicy mango and fresh lime creates a bright, refreshing flavor in every bite.
• Moist and tender cake texture – Sour cream and ripe mango help keep the cake soft, rich, and perfectly moist.
• Easy-to-find ingredients – This recipe uses simple pantry staples along with fresh mango and lime.
• Great make-ahead treat for gatherings – Bake it in advance and enjoy a dessert that stays delicious for days.
• Delicious with coffee, tea, or fresh fruit – Its balanced sweetness makes it a perfect match for your favorite drinks and brunch favorites.

What Is Mango Lime Coffee Cake?

Mango Lime Coffee Cake is a tropical twist on classic coffee cake, a soft and buttery cake that is traditionally topped with a crumbly streusel layer and served alongside a hot cup of coffee or tea.

Despite its name, coffee cake usually does not contain coffee as an ingredient, and instead gets its name from the way it is enjoyed as a breakfast treat, brunch centerpiece, or afternoon snack with a favorite warm drink.

What makes this version special is the addition of sweet, juicy mango and fresh lime, which bring a bright and refreshing flavor to every bite.

The mango adds natural sweetness and a soft fruitiness that blends beautifully into the tender cake, while the lime adds a light citrus zing that keeps the flavors balanced and fresh.

Together, these ingredients create a dessert that feels a little lighter and more vibrant than traditional coffee cake without losing the rich texture and comforting appeal that makes coffee cake so popular.

The buttery crumb topping adds a delicious contrast to the fruity cake, creating a mix of soft, moist cake and crisp, sweet crumbs that makes each bite satisfying.

If you’re looking for a baked treat that combines classic comfort with sunny tropical flavors, Mango Lime Coffee Cake is a simple and delicious choice that feels right at home on any table.

Ingredients You’ll Need

For the Cake

• 2 cups all-purpose flour – Provides the structure for a soft and tender cake.
• 2 teaspoons baking powder – Helps the cake rise and stay light.
• ½ teaspoon salt – Balances the sweetness and enhances the flavors.
• ½ cup unsalted butter, softened – Adds richness and moisture.
• ¾ cup granulated sugar – Sweetens the cake without overpowering the fruit.
• 2 large eggs – Help bind the ingredients and create a fluffy texture.
• 1 cup sour cream or plain Greek yogurt – Keeps the cake moist and tender.
• 2 tablespoons fresh lime juice – Adds bright citrus flavor.
• 1 tablespoon lime zest – Provides extra fresh lime aroma and taste.
• 1½ cups diced ripe mango – Adds natural sweetness and tropical flavor.
• 1 teaspoon vanilla extract – Enhances the overall flavor of the cake.

For the Crumb Topping

• ½ cup brown sugar – Creates a sweet, caramel-like crumb topping.
• ½ cup all-purpose flour – Gives the topping its crumbly texture.
• ¼ cup cold unsalted butter, cubed – Helps form buttery crumbs.
• ¼ cup shredded coconut (optional) – Adds extra tropical flavor and texture.

Optional Lime Glaze

• 1 cup powdered sugar – Forms the base of the glaze.
• 2–3 tablespoons fresh lime juice – Thins the glaze while adding citrus flavor.
• 1 teaspoon lime zest – Adds a fresh, vibrant finish.

Equipment Needed

• Mixing bowls – You’ll need a few bowls for preparing the cake batter and crumb topping separately.
• Electric mixer – Makes it easier to cream the butter and sugar until light and fluffy, helping create a tender cake texture.
• Measuring cups and spoons – Accurate measurements help ensure consistent baking results every time.
• 8×8-inch square baking pan or 9-inch round baking pan – Either size works well for baking the coffee cake evenly.
• Cooling rack – Allows the cake to cool properly and helps prevent the bottom from becoming soggy.

How to Make Mango Lime Coffee Cake

Step 1: Prepare the Pan and Oven

Preheat your oven to 350°F (175°C) so it reaches the correct temperature before the cake goes in.

Grease an 8×8-inch square baking pan or a 9-inch round baking pan with butter or nonstick spray.

For easy removal, line the bottom and sides with parchment paper, leaving a little overhang on the sides to use as handles later.

Taking a few extra minutes to prepare the pan properly helps prevent sticking and makes serving much easier.

Step 2: Make the Crumb Topping

In a medium mixing bowl, combine ½ cup brown sugar, ½ cup all-purpose flour, and the optional shredded coconut if using.

Add ¼ cup cold cubed butter to the bowl.

Use a fork, pastry cutter, or your fingertips to work the butter into the dry ingredients until the mixture resembles coarse crumbs.

Small and large crumbs are both welcome here because they create a delicious texture once baked.

Place the topping in the refrigerator while you prepare the batter to help keep the crumbs firm.

Step 3: Prepare the Cake Batter

In a large mixing bowl, beat ½ cup softened butter and ¾ cup granulated sugar together until the mixture looks light and creamy.

This step adds air to the batter, which helps create a soft and tender cake.

Add the eggs one at a time, mixing well after each addition.

Stir in the vanilla extract until fully combined.

Add the sour cream, fresh lime juice, and lime zest, then mix until smooth.

In a separate bowl, whisk together the flour, baking powder, and salt.

Gradually add the dry ingredients to the wet ingredients and mix just until no dry streaks remain.

Avoid overmixing, as this can make the finished cake less tender.

Gently fold in the diced mango using a spatula so the fruit stays intact and evenly distributed throughout the batter.

Step 4: Assemble the Cake

Spread the batter evenly into the prepared baking pan using a spatula.

Take a moment to smooth the top so the cake bakes evenly.

Remove the chilled crumb topping from the refrigerator.

Sprinkle the crumb mixture evenly across the entire surface of the batter.

Try to cover the top from edge to edge so every slice gets plenty of buttery crumb topping.

Step 5: Bake

Place the pan in the preheated oven and bake for 35 to 40 minutes, or until the top is lightly golden brown.

Baking times can vary slightly depending on your oven, so begin checking near the end of the baking time.

Insert a toothpick into the center of the cake.

If it comes out clean or with only a few moist crumbs attached, the cake is ready.

If wet batter remains on the toothpick, continue baking for a few more minutes and test again.

Step 6: Cool and Glaze

Remove the cake from the oven and place the pan on a cooling rack.

Allow the cake to cool in the pan for about 15 minutes before carefully lifting it out using the parchment paper.

Let the cake cool completely before adding the glaze.

In a small bowl, whisk together the powdered sugar, lime juice, and lime zest until smooth.

Drizzle the glaze over the cooled cake using a spoon or whisk.

Once the glaze has set, slice and serve your Mango Lime Coffee Cake and enjoy every bright, fruity bite.

Tips for the Best Mango Lime Coffee Cake

Use Ripe but Firm Mangoes

Choose mangoes that are ripe enough to be sweet and flavorful but still firm enough to hold their shape when diced.

Overly soft mangoes can release too much moisture into the batter, which may affect the texture of the finished cake.

A ripe mango should have a slight give when gently pressed while still feeling firm overall.

Cutting the mango into evenly sized pieces also helps distribute the fruit throughout the cake, so every slice gets a balanced amount of flavor.

Avoid Overmixing the Batter

Once the dry ingredients are added, mix only until everything is combined and no visible flour remains.

Overmixing develops too much gluten in the flour, which can make the cake dense instead of soft and tender.

A few small lumps in the batter are completely normal and will bake out in the oven.

Using a gentle hand during this step helps create the light texture that makes coffee cake so enjoyable.

Use Fresh Lime Juice for the Best Flavor

Freshly squeezed lime juice gives the cake a brighter and more natural citrus flavor than bottled juice.

The fresh juice works together with the lime zest to add a refreshing contrast to the sweetness of the mango.

When zesting the lime, only remove the green outer layer because it contains the most flavor.

Taking a few extra minutes to use fresh limes makes a noticeable difference in the finished cake.

Chill the Crumb Topping Before Baking

After mixing the crumb topping, place it in the refrigerator while you prepare the cake batter.

Keeping the butter cold helps the topping maintain its crumbly texture during baking.

As the cake bakes, the chilled crumbs become crisp and golden rather than melting into the batter.

This simple step creates a more defined topping and adds a delicious contrast to the soft cake underneath.

Let the Cake Cool Before Glazing

Allow the cake to cool completely before drizzling on the lime glaze.

If the cake is still warm, the glaze will melt and soak into the surface instead of sitting neatly on top.

A cooled cake allows the glaze to set properly, creating a beautiful finish and a more noticeable burst of lime flavor.

Waiting a little longer may be tempting, but it helps give the cake the best texture, appearance, and overall flavor.

Variations and Substitutions

Tropical Coconut Mango Coffee Cake

If you love tropical flavors, adding shredded coconut is an easy way to give this coffee cake even more island-inspired flavor.

Stir ½ cup shredded coconut into the batter before baking to add a subtle sweetness and a slightly chewy texture.

You can also mix ¼ cup shredded coconut into the crumb topping for extra crunch and a beautiful golden finish.

Unsweetened coconut works well if you prefer a less sweet cake, while sweetened coconut creates a richer dessert-like flavor.

The coconut pairs naturally with both the mango and lime, making the flavors feel balanced and refreshing.

Mango Lime Cream Cheese Coffee Cake

For a richer version, add a simple cream cheese layer between the batter and crumb topping.

Beat 8 ounces softened cream cheese with ¼ cup granulated sugar and 1 egg until smooth and creamy.

Spread half of the cake batter into the prepared pan, add the cream cheese mixture, and then carefully spread the remaining batter over the top.

This extra layer creates a creamy center that contrasts beautifully with the soft cake and buttery crumbs.

The slight tanginess of the cream cheese also complements the bright lime flavor and sweet mango pieces.

Gluten-Free Version

This recipe can easily be made gluten-free by replacing the all-purpose flour with a quality 1:1 gluten-free baking flour blend.

A 1:1 blend is designed to replace regular flour in equal amounts, making the conversion simple and beginner-friendly.

For the best results, choose a blend that contains xanthan gum, which helps provide structure and keeps the cake from becoming crumbly.

The texture may be slightly different from the original version, but the cake will still be moist, flavorful, and enjoyable.

Always check that any additional ingredients you use are certified gluten-free if needed.

Extra Citrus Flavor

If you enjoy bright citrus desserts, try adding lemon zest or orange zest along with the lime zest.

A teaspoon of lemon zest adds a fresh, slightly sharper citrus note that makes the mango flavor stand out even more.

Orange zest creates a sweeter citrus flavor that blends beautifully with the tropical fruit.

You can use one additional citrus or combine small amounts of both to create a more complex flavor profile.

What to Serve with Mango Lime Coffee Cake

• Hot coffee – A warm cup of coffee balances the sweet mango and bright lime flavors perfectly.
• Iced coffee – The cool, refreshing taste of iced coffee pairs especially well with the cake’s tropical notes.
• Tropical fruit salad – Fresh fruits like pineapple, mango, kiwi, and papaya complement the cake’s fruity flavor profile.
• Tea – Light teas such as green tea, chamomile, or citrus blends make a wonderful companion to each slice.
• Vanilla yogurt – Creamy vanilla yogurt adds a smooth contrast and works well for breakfast or brunch.

Storage Instructions

Room Temperature

If you plan to enjoy the cake within a couple of days, storing it at room temperature is a simple and convenient option.

Allow the cake to cool completely before storing to prevent excess moisture from building up inside the container.

Place the cake in an airtight container or cover it tightly with plastic wrap to help maintain its soft texture.

Stored properly, Mango Lime Coffee Cake will stay fresh for up to 2 days at room temperature.

Keep the container in a cool, dry place away from direct sunlight or heat sources.

Refrigerator

For longer storage, place the cake in an airtight container and refrigerate it.

The refrigerator helps preserve the freshness of the mango and any glaze that may be on the cake.

Properly stored, the cake will remain fresh for up to 5 days.

Before serving, let a slice sit at room temperature for 15 to 20 minutes to soften slightly and allow the flavors to shine.

If you prefer a warm slice, a few seconds in the microwave can bring back the fresh-from-the-oven feel.

Freezer

This coffee cake freezes surprisingly well, making it a great make-ahead treat.

For best results, cut the cake into individual slices before freezing.

Wrap each slice tightly in plastic wrap and then place the wrapped slices in a freezer-safe container or zip-top bag.

Storing slices separately makes it easy to thaw only the amount you need.

The cake can be frozen for up to 3 months without losing much of its flavor or texture.

When you’re ready to enjoy a slice, transfer it to the refrigerator overnight or let it thaw at room temperature for about an hour.

For an extra fresh taste, warm the thawed slice slightly before serving.

Troubleshooting Common Issues

Why Is My Cake Dense?

A dense coffee cake is often caused by overmixing the batter after the flour has been added.

Mixing too much develops the gluten in the flour, which can make the cake heavy instead of soft and tender.

To avoid this, stir the batter only until the ingredients are combined, and no dry flour remains.

Using too much flour can also affect the texture.

For the most accurate measurement, spoon the flour into the measuring cup and level it off with a knife rather than scooping directly from the bag.

Even a little extra flour can make the cake less moist and more compact.

Why Did the Mango Sink?

Mango pieces can sometimes settle toward the bottom of the cake while it bakes, especially if the fruit is very juicy or cut into large chunks.

A simple solution is to toss the diced mango with a tablespoon of flour before folding it into the batter.

The light coating helps the fruit stay suspended throughout the cake instead of sinking.

Cutting the mango into evenly sized pieces can also help distribute the fruit more evenly.

Be gentle when folding the mango into the batter so the pieces remain intact and don’t release excess juice.

Why Is My Crumb Topping Melting?

If the crumb topping melts into the cake rather than staying crumbly, the butter is usually too warm.

Cold butter is important because it helps create distinct crumbs that hold their shape during baking.

After mixing the topping, place it in the refrigerator while you prepare the batter.

Chilling the topping gives the butter time to firm up before it goes into the oven.

If your kitchen is especially warm, you can refrigerate the topping for a few extra minutes before assembling the cake.

A properly chilled crumb topping will bake into a crisp, golden layer that adds wonderful texture to every slice.

Final Thoughts

Mango Lime Coffee Cake is a simple yet flavorful treat that combines sweet mango, bright lime, and a buttery crumb topping in every delicious bite.

It’s easy enough for beginner bakers while still feeling special enough to serve for brunch, dessert, or a weekend gathering.

Don’t be afraid to make it your own by adding coconut, a cream cheese layer, or extra citrus zest for a new twist on the recipe.

Once it’s baked and cooled, pour yourself a cup of coffee or tea, grab a slice, and enjoy the tropical flavors you’ve created from scratch.

FAQs

Can I use frozen mango?

Yes, frozen mango works well in this recipe. Thaw it first and drain any excess moisture before adding it to the batter.

Can I make this coffee cake ahead of time?

Yes, this coffee cake stays moist and flavorful for several days, making it a great make-ahead option.

Can I skip the glaze?

Absolutely. The cake is delicious on its own, and the buttery crumb topping provides plenty of flavor.

What type of mango works best?

Ataulfo, Kent, and Tommy Atkins mangoes are all excellent choices because they are sweet, juicy, and hold their shape well when baked.