Healthy Coconut Mug Cake

If you ask me, mug cakes are one of the best things to happen to dessert.

This single-serve coconut mug cake comes together in minutes and gives you that sweet fix without heating up your whole kitchen. The coconut flour keeps it light while the mashed banana adds natural moisture and a hint of sweetness.

It’s mixed with maple syrup, egg whites, and a splash of almond milk, then cooked right in your microwave. A pinch of cinnamon and optional chocolate chips help the whole thing come together.

It’s a quick treat that doesn’t leave you with a whole cake sitting on your counter, perfect for those nights when you just need a little something sweet.

SAVE NOW

What Kind of Coconut Flour Should I Use?

Any brand of coconut flour will work great for this mug cake, so feel free to grab whatever you can find at your local grocery store. Just make sure you’re using actual coconut flour and not shredded coconut, as they’re completely different products and won’t give you the same results. Coconut flour is super absorbent compared to regular flour, which is why you only need a couple tablespoons for this recipe. Store your coconut flour in an airtight container in a cool, dry place, and it should last for several months without any issues.

SAVE NOW

Options for Substitutions

This mug cake is quick and easy, and you can swap a few things based on what’s in your pantry:

• Coconut flour: Coconut flour is pretty absorbent and unique, so it’s best to stick with it for this recipe. If you absolutely need to substitute, try almond flour but use 4 tablespoons instead of 2, and you might need to adjust the liquid slightly.
• Maple syrup: Honey or agave nectar work great here. You can also use regular sugar if that’s what you have – just dissolve it in the wet ingredients first.
• Banana: The banana adds moisture and sweetness, but you can replace it with 2 tablespoons of applesauce or mashed avocado if you’re out.
• Egg whites: A whole egg works fine – just use about half of it (roughly 2 tablespoons). You can also try 2 tablespoons of Greek yogurt for a different texture.
• Almond milk: Any milk you have on hand works – regular dairy milk, oat milk, soy milk, or even water in a pinch.
• Chocolate chips: Feel free to swap these with chopped nuts, dried fruit, or leave them out completely for a plain coconut cake.

Watch Out for These Mistakes While Baking

The biggest mistake with mug cakes is overcooking them in the microwave, which turns them into rubbery hockey pucks – start checking at the 90-second mark since microwave power varies, and remember the center should look slightly underdone as it continues cooking after you stop the microwave.

Another common error is not mashing the banana completely, leaving you with uneven chunks throughout the cake, so take an extra minute to mash it into a smooth paste before mixing in the other ingredients.

Make sure you’re using a microwave-safe mug that’s large enough (at least 12 ounces) because this batter rises quite a bit, and if your mug is too small, you’ll end up with a mess in your microwave.

For the best texture, let the cake cool for the full 2-3 minutes before digging in – eating it too hot makes it gummy and hard to enjoy.

SAVE NOW

What to Serve With Coconut Mug Cake?

This coconut mug cake is pretty satisfying on its own, but a scoop of vanilla ice cream or some whipped cream on top takes it to the next level. I love adding fresh berries like strawberries or raspberries on the side since they pair really well with the coconut and chocolate flavors. A hot cup of coffee or tea is the perfect drink companion, especially if you’re enjoying this as an afternoon snack or after-dinner treat. You could also drizzle some extra maple syrup or a spoonful of nut butter over the top if you want to make it even more indulgent.

Storage Instructions

Store: This mug cake is really best enjoyed fresh right after making it, but if you have leftovers, you can keep it in an airtight container in the fridge for up to 2 days. Just know that it won’t be quite as fluffy as when it first came out of the microwave.

Reheat: Pop it back in the microwave for about 15-20 seconds to warm it up. You can also add a tiny splash of almond milk before reheating if it seems a bit dry.

Estimated Nutrition

Estimated nutrition for the whole recipe (without optional ingredients):

• Calories: 180-210
• Protein: 6-8 g
• Fat: 7-9 g
• Carbohydrates: 26-30 g

Ingredients

• 2.5 tbsp coconut flour (I always use Bob’s Red Mill for a consistent texture)
• 1.5 tbsp maple syrup
• 0.5 tsp baking powder
• 0.25 tsp sea salt
• 0.5 banana (mashed until smooth to ensure even moisture)
• 3 tbsp egg whites
• 0.5 tbsp coconut oil (melted and cooled slightly)
• 1 tbsp almond milk (I prefer Silk unsweetened for this)
• 0.25 tsp vanilla extract
• pinch of ground cinnamon
• 1 tbsp chocolate chips (optional but recommended for extra richness)

Step 1: Prepare the Dry Ingredients and Mash the Banana

• 2.5 tbsp coconut flour
• 0.5 tsp baking powder
• 0.25 tsp sea salt
• pinch of ground cinnamon
• 0.5 banana

In a small bowl, whisk together the coconut flour, baking powder, sea salt, and ground cinnamon to break up any lumps and ensure the leavening agent distributes evenly.

In a separate small bowl or directly in your mug, mash the banana with a fork until completely smooth with no chunks—this ensures even moisture distribution throughout the cake.

Set both mixtures aside.

Step 2: Combine Wet Ingredients

• 3 tbsp egg whites
• 0.5 tbsp coconut oil
• 1 tbsp almond milk
• 1.5 tbsp maple syrup
• 0.25 tsp vanilla extract

In your microwave-safe mug, combine the egg whites, melted and slightly cooled coconut oil, almond milk, maple syrup, and vanilla extract.

Whisk together until the mixture is smooth and the maple syrup is fully incorporated—this creates an emulsion that helps bind all the ingredients together.

I find that letting the coconut oil cool slightly before mixing prevents the egg whites from cooking prematurely.

Step 3: Build the Batter

• dry ingredient mixture from Step 1
• 1 tbsp chocolate chips

Add the dry ingredient mixture from Step 1 to the wet ingredients in your mug, stirring gently until just combined—be careful not to overmix, as this can develop gluten and create a tough cake.

The batter should be thick but pourable.

Fold in the chocolate chips if using, distributing them evenly throughout the batter for pockets of richness in every bite.

Step 4: Microwave the Cake

• batter from Step 3

Microwave the mug on high power for 2 minutes.

The cake will rise significantly and may look slightly wet on top.

If the center appears raw or jiggles when you gently shake the mug, heat for an additional 1 minute and check again.

I always start with the full 2 minutes, as undercooking is better than overcooking—you can always add time but you can’t reverse it!

Step 5: Cool and Serve

Let the mug cool for 2-3 minutes before eating—this allows the cake to set slightly and makes it easier to eat straight from the mug.

The cake will continue to cook slightly from residual heat during cooling, ensuring a moist interior with a light, fluffy crumb.

Healthy Coconut Mug Cake

Delicious Healthy Coconut Mug Cake recipe with step-by-step instructions.

Print Recipe Pin Recipe

Prep Time 5 minutes mins

Cook Time 5 minutes mins

Total Time 12 minutes mins

Servings 1 mug cake

Calories 195 kcal

Ingredients

  

• 2.5 tbsp coconut flour (I always use Bob's Red Mill for a consistent texture)
• 1.5 tbsp maple syrup
• 0.5 tsp baking powder
• 0.25 tsp sea salt
• 0.5 banana (mashed until smooth to ensure even moisture)
• 3 tbsp egg whites
• 0.5 tbsp coconut oil (melted and cooled slightly)
• 1 tbsp almond milk (I prefer Silk unsweetened for this)
• 0.25 tsp vanilla extract
• pinch of ground cinnamon
• 1 tbsp chocolate chips (optional but recommended for extra richness)

Instructions

 

• In a small bowl, whisk together the coconut flour, baking powder, sea salt, and ground cinnamon to break up any lumps and ensure the leavening agent distributes evenly. In a separate small bowl or directly in your mug, mash the banana with a fork until completely smooth with no chunks—this ensures even moisture distribution throughout the cake. Set both mixtures aside.
• In your microwave-safe mug, combine the egg whites, melted and slightly cooled coconut oil, almond milk, maple syrup, and vanilla extract. Whisk together until the mixture is smooth and the maple syrup is fully incorporated—this creates an emulsion that helps bind all the ingredients together. I find that letting the coconut oil cool slightly before mixing prevents the egg whites from cooking prematurely.
• Add the dry ingredient mixture from Step 1 to the wet ingredients in your mug, stirring gently until just combined—be careful not to overmix, as this can develop gluten and create a tough cake. The batter should be thick but pourable. Fold in the chocolate chips if using, distributing them evenly throughout the batter for pockets of richness in every bite.
• Microwave the mug on high power for 2 minutes. The cake will rise significantly and may look slightly wet on top. If the center appears raw or jiggles when you gently shake the mug, heat for an additional 1 minute and check again. I always start with the full 2 minutes, as undercooking is better than overcooking—you can always add time but you can't reverse it!
• Let the mug cool for 2-3 minutes before eating—this allows the cake to set slightly and makes it easier to eat straight from the mug. The cake will continue to cook slightly from residual heat during cooling, ensuring a moist interior with a light, fluffy crumb.