Mango and Chocolate Protein Smoothie

Thanks to greek yogurt, almond butter, and chia seeds, this chocolate mango smoothie is a real powerhouse, packing over 20 grams of proteins. Cocoa and mango pair wonderfully together giving you a delicious and satisfying smoothie.

Mango and Chocolate Protein Smoothie


Nutrition per serving
Net Carbs25.5 g9.3%
of which Sugars22.3 g24.8%
Fibers9.8 g34.8%
Fats8.4 g12.9%
of which Saturates1.6 g8.2%
of which Omega 31.8 g167.8%
Proteins20.1 g43.8%
Calcium262 mg26.2%
Vitamin A71 mcg10.1%
Vitamin C46 mg60.9%
Iron2.6 mg17.8%
Potassium639 mg18.3%
Sodium56 mg2.4%
Cholesterol7 mg2.3%
Kcal258 12.9%
Macro split
  • net carbs 40%
  • sugars 35%
  • fats 13%
  • saturates 3%
  • proteins 32%
  • fibers 15%
*RDA based on a 2000 kcal diet;
**Nutritional data sources: USDA, food labels.
258 per serving

Today we want to show you how to make a delicious protein-rich mango smoothie you can enjoy at breakfast or as a post-workout drink. It's made without protein powder, using only natural ingredients.

The best smoothies are those that provide quality carbs, fibres, healthy fats, and proteins. We prepared this mango and chocolate protein smoothie recipe with fresh mango chunks, Greek yogurt, almond butter, chia seeds, and cacao. It's a real energy booster just waiting to be sipped.

You might wonder if chocolate and mango go well together. They do! Fruit and chocolate are often a great combination, as the bitterness of the chocolate softens the sweetness of the fruit, creating a pleasant and flavourful blend. Adding cacao to a smoothie or fruit bowl also boosts it with antioxidants and helps to improve your mood.

With a single serving of this smoothie, you get 50% of your daily protein intake, and we haven't used any protein powder! The high protein content comes from the yogurt, almond butter, and chia seeds. We recommend you use Greek yogurt instead of plain yogurt as it has double the protein and half the carbs. Opt for a low-fat variety but not a fat-free one, as those have a poorer nutritional profile and often contain highly processed ingredients.

Our recipe is also high in fibres thanks to its high fruit content and chia seeds, providing almost 40% of your daily intake. To learn more, click on the nutrition tab above!

Want to make this vegan or dairy-free? Just use soy yogurt instead of Greek yogurt as it is a plant-based alternative with almost the same amount of proteins per gram. You can find more allergen-free recipes on our website using our Smart Search function.


Measuring System
Chia Seeds2 tbsp
Water90 mL
Ripe Mango250 g
Greek Yogurt280 g
Almond Butter2 tsp
Cacao Powder20 g
Bee Pollen (optional)1/2 tsp
Dark Chocolate (optional) to taste

Step 1

What has tons of antioxidants, fibres, iron and healthy omega-3 fats? The answer is chia seeds! We love them as they are so versatile and healthy, and so we will start this recipe with them.

In a small bowl, combine water with the chia seeds and stir well. Allow the seeds to soak for 5 minutes or until they have absorbed the water and formed a thick and viscous mixture.

Soaked chia seeds.

Step 2

In the meantime, peel and cut the mango into chunks.

Add the chopped mango, Greek yogurt, and almond butter to the blender bowl of your food processor (1).

Blitz until you have a creamy smoothie (2).

Mango chunks, yogurt, almond butter in food processor.
Mango yogurt smoothie

Step 3

Transfer half of the prepared mango smoothie to a clean bowl.

Then, add soaked chia seeds and cacao powder to the remaining half of the smoothie in the blender (1).

Pulse until the ingredients are well incorporated and you have a smooth mixture (2).

Cacao, chia seeds, and mango smoothie
Chocolate mango smoothie blended.

Step 4

Now, prepare one glass per serving by adding a bottom layer of chocolate smoothie and then a top layer of mango smoothie.

Thanks to the thickness of chia seeds mixture, the mango smoothie won't sink into the chocolate layer when you add it.

Serve immediately or store it in the fridge.

Enjoy your creamy smoothie with a sprinkle of dark chocolate shavings and bee pollen.

Chocolate mango smoothie in serving glass with bee pollen.


This smoothie is super creamy as it is prepared without milk, but if you prefer a runnier consistency, add a splash of milk or plant-based alternatives before blending the ingredients.

Like this recipe?

Make more chocolatey smoothies like this chocolate strawberry banana smoothie or chocolate cherry smoothie, or mango-flavoured smoothies like this tropical guava mango smoothie, mango oat smoothie, or mango smoothie lassi oats!