Try: overnight oats · mango · coconut · tropical

low sugar tropical mango coconut overnight oats with fresh mango and shredded coconut — no added sugar recipe by Mel
With The Swap Less Sugar*
Breakfast · By Mel

My Sunshine in a Jar: Low Sugar Tropical Mango Coconut Overnight Oats

There was a tropical smoothie I used to buy that tasted like a vacation and contained, I later discovered, almost as much sugar as a can of soda. I loved the vacation feeling. I did not love what was funding it.

Now I get the same escape from a jar of oats — fresh mango and unsweetened coconut milk do all the sweetening, no fruit juice concentrate required.

One practical tip: use really ripe mango here. It makes the difference between "nice oats" and "actual tropical holiday in a jar."

Prep5 min
Chill4 hrs+
Serves1
Sugar18g*
Jump to Recipe ↓
Sweetened fruit juice or flavored coconut yogurt (38g sugar) Fresh ripe mango + unsweetened coconut (18g sugar)*

*Per USDA FoodData Central

The Swap Snapshot

Typical VersionThe Sugar Swap VersionSugar per serving*
Sweetened Fruit Juice or Flavored Coconut Yogurt
Tropical fruit juice or flavored coconut yogurt as the base — 38g sugar per serving
Tropical Mango Coconut Overnight Oats
Fresh ripe mango, unsweetened shredded coconut, carton coconut milk — naturally tropical
38g18g

*Based on USDA FoodData Central values. The Sugar Swap is not medical or nutritional advice.

Ingredients

Serves 1 · Scale as needed

  • ½ cup (45g) rolled oats
  • 1 cup (240ml) unsweetened coconut milk (from carton, not canned)
  • ½ cup (80g) ⇄ fresh ripe mango, diced — the fruit juice swap
  • 1 tbsp (12g) chia seeds
  • 1 tbsp (5g) ⇄ unsweetened shredded coconut — the flavored yogurt swap
  • ½ tsp vanilla extract
Mel — The Sugar Swap

I used to buy a tropical smoothie that cost more in sugar than a soda. Now I just dice a mango and call it a vacation.

Read my story →

Instructions

  1. 1

    In a jar, combine the rolled oats, coconut milk, diced mango, chia seeds, shredded coconut, and vanilla extract.

  2. 2

    Stir until well mixed and the mango is evenly distributed.

    ⇄ Swap Note

    Carton coconut milk is much thinner than canned — don't substitute canned here or the texture will be too rich and won't soak in properly.

  3. 3

    Seal and chill in the fridge overnight, or for at least 4 hours.

  4. 4

    In the morning, stir well, adding a splash more coconut milk if needed.

  5. 5

    Top with extra mango pieces or toasted coconut.

preparing low sugar tropical mango coconut overnight oats with fresh diced mango and coconut milk — The Sugar Swap process photo

Diced ripe mango, carton coconut milk, shredded coconut — tropical holiday in a jar, no juice concentrate required.

⇄ The Swap Reason

Why I Made This Swap

Ripe mango is naturally intense in sweetness and creamy in texture, so there's no need for added fruit juice or syrup. Unsweetened coconut adds the tropical flavor without tipping the sugar count over.

Common Mistakes

  • Using canned coconut milk instead of carton. Too thick, and the oats won't soften properly overnight.
  • Using underripe mango. It won't bring enough natural sweetness, and you'll miss it. Wait until it's properly ripe.

Storage

Best eaten within 2 days, since fresh mango softens the longer it sits. Stir before eating.

Nutrition per serving

320Calories
9gProtein
50gCarbs
10gFat
10gFiber
18gSugar*

*Per USDA FoodData Central · Typical version: 38g sugar · The Sugar Swap is not medical or nutritional advice.

Frequently Asked Questions

Can I use frozen mango?

Yes, just thaw it slightly first and drain any excess liquid so the oats don't end up too watery.

Why carton coconut milk instead of canned?

Canned coconut milk is much thicker and richer — it would make the oats heavier and stop them from soaking properly overnight. Carton coconut milk has a consistency closer to dairy milk.

⇄ More No Sugar Breakfast Ideas

Looking for more ways to start your day without the sugar spike? See the full list in Best Low Sugar Breakfast Ideas.