This mango banana smoothie is a refreshing beverage that’s bursting with tropical flavor! It’s sweet, thick, creamy, and perfect for breakfast on the go. Only 5 ingredients are needed, including mangoes, coconut yogurt, bananas, and coconut milk. This sunny smoothie will brighten anyone’s day!

two mango banana smoothie glasses

Start your day off right with sunshine in a glass! I mean, how could you have a bad morning when you’re enjoying such a bright and sunny treat? This tropical smoothie is a guaranteed way to make anyone smile.

It’s nourishing, fiber-packed, and so refreshing – especially during the hot summer weather. It’s loaded with sweet fruit, creamy coconut yogurt, and dairy-free coconut milk. Additionally, you can add a dash of real maple syrup and vanilla extract to naturally sweeten the beverage.

What’s so great about this mango banana smoothie? It is:

  • Vegan, dairy-free, soy-free, and gluten-free
  • Quick, super easy, and made in 5 minutes
  • Great for kids and adults
  • Made with wholesome ingredients
  • A high fiber meal or snack
  • Contains no refined sugar
  • A portable breakfast for busy mornings
mango banana smoothie inside two glasses

What is a mango smoothie made of?

This mango smoothie is made with banana, coconut yogurt, coconut milk, maple syrup, and vanilla extract. Read the full list below for details on each ingredient.

  • Mango: Mangoes provide several health benefits and they are loaded with nutrients. In particular, this tropical fruit is rich in vitamin C, vitamin K, and beta-carotenes.
  • Banana: Be sure to use frozen bananas for an ice cold smoothie. Don’t forget to remove the peels before freezing them. Bananas are a great source of various essential nutrients, including vitamin B6, potassium, and magnesium.
  • Coconut yogurt: This dairy-free yogurt provides a thick and creamy consistency. If you don’t want to use all fruit for your smoothies, yogurt is a low-sugar way to bulk up any recipe. Other options include almond milk yogurt, soy milk yogurt, and oat milk yogurt. If you can consume dairy, regular yogurt will work too.
  • Coconut milk: I recommend using coconut milk, but other plant-based milk alternatives will work just as well. Again, if you aren’t dairy-free, feel free to use regular milk.
  • Maple syrup: Real maple syrup is an easy way to sweeten the smoothie without adding refined sugar. Most people will find the beverage plenty sweet without this ingredient, so it is entirely optional.
  • Vanilla extract: Add a dash for a subtle vanilla flavor. Alternatively, reduce the number of ingredients (or save money!) by using a vanilla-flavored yogurt.
a marble serving board topped with sliced banana, mango, coconut milk, non dairy yogurt, maple syrup, and vanilla extract

How to make a mango banana smoothie

For the full ingredient measurements and step-by-step instructions, scroll down to view the recipe card at the bottom of the page.

Create this mango smoothie in 5 minutes by following 3 easy steps:

  1. Combine ingredients. Add mango, banana, coconut yogurt, coconut milk, maple syrup, and vanilla extract to a blender.
  2. Blend. Blend the ingredients until completely smooth. Add more milk as needed.
  3. Pour. Pour the smoothie into glasses and enjoy!
banana mango smoothie blended inside a vitamix blender

What to add to smoothies

Browse the list of smoothie add-ins below and discover your favorite.

  • Greens: Leafy greens are a nutritious way to increase the fiber content of your smoothies. The best options include spinach, kale, and arugula. Don’t worry, adding greens will not cause your smoothie to taste like grass! Since this recipe contains sweet fruits, like banana and mango, the greens are easily hidden. Spinach is the best choice because it’s completely flavorless.
  • Protein powder: Add a scoop of vanilla protein powder to make it a protein smoothie. This is a good idea if you’re enjoying the beverage as post-workout fuel or trying to build muscle.
  • Seeds: Hemp seeds, chia seeds, and flax seeds provide omega-3 and omega-6 fatty acids. I prefer adding healthy fats through seeds instead of nut butter for this particular smoothie recipe. In my opinion, nut butter pairs better with berry smoothies.
  • Lemon: Lemon juice adds a fresh flavor and subtle tartness.
  • Turmeric: This ingredient provides powerful anti-inflammatory benefits. You can add fresh turmeric or turmeric powder.
  • Avocado: Avocado’s mild flavor and creamy texture makes it a perfect add-in for pretty much any smoothie. If you want to increase your intake of healthy fats, simply add half an avocado to the blender along with the other ingredients.
  • Ginger: Add a ½-inch cube of fresh ginger for its immune boosting properties.
overhead photo of two glasses filled with mango banana smoothie

Tips for the best mango banana yogurt smoothie

Use frozen fruit. If you are looking to quench your thirst with a truly refreshing beverage, frozen fruit is better than fresh fruit. The cold temperature will create a chilled smoothie with a thick consistency.

Adjust the liquid as needed. You may need to adjust the amount of coconut milk to get your desired consistency. If you are using all frozen fruit, add more. On the contrary, use less if you are using all fresh fruit.

Use your favorite yogurt. If you prefer almond milk yogurt over coconut yogurt (or another variety), feel free to swap the ingredients.

mango banana smoothie inside two glasses

More dairy-free smoothie recipes

If you try this Mango Banana Smoothie, please let me know your thoughts by leaving a rating and comment below! Ready for more? Subscribe to my newsletter or follow along on Instagram and YouTube!

clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
two mango banana smoothie glasses

Mango Banana Smoothie

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: Kaylie Grace
  • Prep Time: 5 minutes
  • Total Time: 5 minutes
  • Yield: 2 smoothies 1x
  • Category: Breakfast
  • Method: Blend
  • Cuisine: American
  • Diet: Vegan


This mango banana smoothie is a healthy and easy breakfast! It’s vegan, dairy-free, and bursting with tropical flavor. Made with 5 ingredients including mangoes, bananas, coconut milk, and coconut yogurt. This quick smoothie is ready in 5 minutes and great for kids! #smoothie #smoothierecipe #mango #banana #smoothierecipeshealthy #smoothiesforweightloss #smoothiediet #healthybreakfast #dairyfree #bananas


Units Scale
  • 2 frozen bananas, peeled before freezing
  • 2 cups mango chunks, frozen or fresh
  • 1/2 cup unsweetened coconut yogurt
  • 1 1/2 cup coconut milk (from a carton, not a can)
  • 1 tbsp maple syrup (optional, to sweeten)
  • 1/2 tsp vanilla extract


  1. Combine all ingredients in a blender.
  2. Blend ingredients until smooth and creamy. Adjust the amount of liquid as needed. You may need more if you are using all frozen fruit or less if you are using all fresh fruit.
  3. Pour smoothie into glasses. Enjoy!


  • I recommend using coconut milk from a carton (like almond milk!) instead of the canned variety. Canned coconut milk is less sweet, higher in fat, and better for savory dishes like curry.
  • Nutrition information below does not include the maple syrup since it is optional.


  • Serving Size: 1 smoothie
  • Calories: 256
  • Sugar: 31g
  • Fat: 6g
  • Carbohydrates: 49g
  • Fiber: 7g
  • Protein: 2g

This post contains affiliate links. If you make a purchase through one of these links, I earn a small commission at no additional cost to you. I only recommend products I personally use, trust, and love!