Mocha Matcha Latte

Mocha Matcha Latte, a matcha green tea powder latte with rich dark cocoa powder. A cozy and antioxidant-rich pick-me-up that’s ready in under 10 minutes!

a matcha and mocha latte in a white ceramic mug on a wooden saucer on a white table

Want to Save This Recipe?

Save Recipe

Looking for a cozy warm beverage that is rich in flavor? Look no further! This simple mocha matcha latte is the perfect way to enjoy a matcha moment with a bit of warming chocolate.

👉 Here are 3 reasons you should be mixing a bit of cocoa with your matcha:

  1. It’s simple. Only four ingredients and 10 minutes, it doesn’t get any easier than that.
  2. It’s healthy. Made with anitoxidant-rich matcha and cocoa powder, this plant-based latte packs a nutrient punch.
  3. It’s a form of self-care. It’s more than just a way to caffeinate, this matcha latte is the perfect way to bring a little ceremony and ritual into your day.

Ready to learn how to make this simple matcha latte with chocolate? Let’s do this!

bowls of matcha, cocoa, agave nectar, water, and plant-based milk on a marble countertop
Ingredients: matcha, cocoa powder, agave nectar, water, and milk

🍵 How to make (step-by-step photos)

1️⃣ Step One: Prepare the matcha and mocha

The first step to making a traditional matcha latte is to mix the matcha green tea powder with a small amount of hot water (usually 2-3 tablespoons) until it dissolves, and then adding in your milk of choice.

a bowl with matcha powder and cocoa powder and a gold spoon
Add matcha and cocoa powder to a bowl

Because we are adding cocoa powder to this latte to make it a “mocha matcha” latte, we will mix in the cocoa powder to this first step so that the powders are both dissolved into the small amount of water before adding our creamy plant-based milk to top off the latte.

To dissolve the matcha and cocoa powders:

  1. Add 1-2 teaspoons of matcha and 2 teaspoons of cocoa powder to a small bowl.
  2. Then add 2 tablespoons of hot water to the bowl and whisk with a small bamboo mocha whisk (or a traditional whisk will do) until the powders are dissolved into the water and there are no longer dry powder clumps.
a wooden matcha whisk in a white bowl with dissolved matcha and mocha powders in water
Whisk until the powders completed dissolve in water

2️⃣ Step Two: Heat the milk

After the matcha and mocha has been dissolved into the water, it’s time to heat your milk of choice (we like oat milk or pea protein milk for our matcha lattes).

There are two ways to heat the milk, on the stovetop or in the microwave:

  1. Stovetop: Pour the milk into a small saucepan and heat over very low heat until the milk begins to simmer, about 3-5 minutes.
  2. Microwave: Heat the milk in a glass measuring cup or small mug in the microwave for 60-90 seconds, or until very warm.
warm oat milk in a small saucepan on a white marble countertop
Warm your milk of choice

3️⃣ Step Three: Mix hot milk into the matcha and cocoa mixture

Finally, pour the heated milk into a mug over the dissolved matcha and cocoa powder mixture. Stir with a spoon until the matcha and mocha mixture is completely dissolved into the milk.

a hand pouring milk into a white mug filled with matcha tea
Pour warm milk and mix with matcha and mocha

4️⃣ Step Four: Sweeten and garnish

If you used an unsweetened milk and would like a sweeter-tasting latte, add 1 teaspoon of your sweetener of choice (we like maple syrup) until it dissolves into the latte.

For fun garnishes, we like to sprinkle a bit of matcha and cocoa powders on the top of the latte for a burst of color. Adding a few vegan marshmallows can make this more of a “hot chocolate” type latte, and a few drops of peppermint oil and a candy cane makes it a minty holiday treat.

a mocha latte with green matcha powder in a white mug on a white table

❓ Recipe + ingredient questions

How much matcha should I use for one cup single-serving tea or latte?

Typically 1-2 teaspoons of matcha powder is best for a one cup serving of matcha tea or a matcha latte. Start with 1 teaspoon when making your matcha tea or latte, and add 1 additional teaspoon if needed depending on your desired taste or caffeine preference.

Why should I use a matcha whisk instead of a spoon or regular whisk?

Matcha whisks have small, fine tongs that easily mix the matcha powder into the water or other liquid when making matcha tea and lattes. However, a regular whisk will work if you do not have a matcha whisk.

What plant-based milk is best for a matcha latte?

The plant-based milks for matcha lattes are those that have a creamy, thick texture that heats well and mixes with the matcha powder. Our recipe testing has found that oat milks and Ripple pea protein milk are the best choices for plant-based lattes.

Are matcha lattes healthy?

A matcha latte that is made with simple ingredients like matcha and unsweetened plant-based milk is a healthy beverage choice. Matcha is a powdered green tea is that is often referred to as a u0022superfoodu0022 due to the high amounts of antioxidants like polyphenols and high amounts of catechins, a type of flavonoid. Plant-based milks like oat, pea protein, almond, or soy milk provide varying nutrients such as protein, calcium, and fortified vitamins D and B12.

a mocha matcha latte in a white mug on a table with holiday lights in the background

♻️ Sustainable ingredient recommendations

Because we’re all about building sustainable kitchens here at Fork in the Road, here are a few “green” tips and tools to make this matcha latte recipe environmentally-friendly.

🌱 Choose good quality matcha green tea powder

The highest quality matcha is ceremonial matcha, which is the best choice or mixing with water for matcha teas. Culinary grade matcha is not as high quality as ceremonial, but is recommended for other uses like lattes and baking.

We suggest choosing a ceremonial or high quality culinary grade matcha; our favorite US-based matcha company is Stonemill Matcha in San Francisco but you can usually find both culinary and ceremonial matcha teas at high-end grocery stores. We have also tried and liked Matcha Moon ceremonial matcha and KENKO culinary grade matcha, both of which can

🍫 Choose Fair Trade cocoa powder

The most sustainable and equitable cocoas are those that are Fair Trade certified, meaning the chocolate production is verified to follow strict labor laws and grown according to ethical and environmental standards. We like Guittard Unsweetened Cocoa and SACO Conscious Kitchen Cocoa, found on Amazon.

🥛 Choose plant-based milk

Probably the most important sustainable ingredient choice in your mocha matcha latte is the milk. We suggest choosing a plant-based milk like oat milk or pea protein milk for the creamy texture and because they are produced using lower-impact crops like oats and peas compared to other nut-based milks and traditional cow’s milk.

the top of a matcha latte with sprinkled cocoa powder and matcha green tea powder

☕️ More cozy drink recipes

Love this simple matcha latte recipe? Check out our other cozy drinks recipes:

a screenshot of Fork in the Road's 4-day plant-based meal plan

Get my 4-Day Plant-Based Meal Plan to start your journey on the plant path.

a mocha latte with green matcha powder in a white mug on a white table

Mocha Matcha Latte Recipe

Kristina Todini, RDN
Mocha Matcha Latte, a matcha green tea powder latte with rich dark cocoa powder. A cozy and antioxidant-rich pick-me-up that's ready in under 10 minutes!
4.92 stars (12 ratings)
Prep Time 5 minutes
Cook Time 5 minutes
Total Time 10 minutes
Course Drinks + Cocktails
Cuisine Japanese-Inspired
Servings 1 serving
Calories 241 kcal


  • 1 teaspoons matcha powder
  • 1 teaspoon cocoa powder
  • 2 tablespoons hot water
  • 12 ounces milk or milk alternative
  • 1 teaspoon maple syrup or sweetener of choice


  • Prep matcha: Add matcha powder and cocoa powder to a small bowl or mug. Add hot water and whisk well to fully dissolve the dry powders into the hot water.
  • Heat milk: Bring milk of choice to a low simmer in a small sauce pan, or heat for 60-90 seconds in the microwave.
  • Mix milk into matcha and cocoa: Pour the heated milk over the dissolved matcha and cocoa mixture. Stir with a spoon until completely dissolved.
  • Sweeten (optional): If using unsweetened milk and you would like a sweeter latte, add 1 teaspoon of sweetener of choice (we like maple syrup) and mix until well combined.
  • Garnish (optional): Sprinkle with matcha powder and/or cocoa powder, add a few vegan marshmallows, or add a few drops of peppermint oil and a candy cane for a holiday treat


  • Recommended tools: matcha set, latte mug and saucer, small saucepan
  • How much matcha to use: You can use 1 or 2 teaspoons of matcha powder for one single serving latte, depending on taste and how much caffeine you want in your latte. We recommend starting with 1 teaspoon and then adding more to taste after making the latte.
  • Recommended milk: We like to use oat milk or pea protein milk in our lattes as they are both great tasting when heated and have a creamier texture than other plant-based milks.
  • Where to buy matcha: we typically purchase daily drinking matcha from our local grocer, however we like to order Stonemill Matcha from San Francisco when buying high end ceremonial matcha
  • Leftovers and storage: We recommend making each mocha matcha latte individually and not keeping leftovers, for best flavor. However, you can store any leftovers in the refrigerator for up to three days. We do not recommend freezing.
  • Nutrition notes: This recipe uses all plant-based, gluten-free ingredients, so it is appropriate for vegan diets. Nutrition information was estimated using regular oat milk nutrition data. This latte is high in naturally-occurring antioxidants from both matcha and mocha (*nutrition information reviewed by dietitian Kristina Todini, RDN*).


Serving: 1serving (12 ounces)Calories: 241kcalCarbohydrates: 22gProtein: 13gFat: 11gSaturated Fat: 6gPolyunsaturated Fat: 1gMonounsaturated Fat: 3gCholesterol: 34mgSodium: 149mgPotassium: 480mgFiber: 1gSugar: 21gVitamin A: 751IUCalcium: 394mgIron: 1mg
Keyword matcha latte, mocha latte, mocha matcha latte
Tried this recipe?Let us know how it was!

UPDATE: This recipe was first publish in December 2018 and was updated for clarity in January 2022.

One Comment

  1. I tried this today because I have peppermint oil and mocha in my cabinet and I loved it! It was a nice self care treat on a winter morning. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Did you make this recipe? Rate it!