• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Sweetly Cakes
  • Home
  • Recipe index
  • Cakes
  • Frosting & filling
  • Cupcakes
  • Cake basics
  • Brownies
  • Cookies
  • About
  • Contact
  • Français
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Home
  • Recipe index
  • Cakes
  • Frosting & filling
  • Cupcakes
  • Cake basics
  • Brownies
  • Cookies
  • About
  • Contact
  • Français
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×
    Home / Drinks

    Iced Mocha Latte

    Last update: Feb 16, 2024 Published: Jun 24, 2023 by Fadela This post may contain affiliate links

    Jump to Recipe·Print Recipe·Leave a Review

    This Iced mocha latte recipe is as delicious as a my latte macchiato but in an iced version like my dalgona iced coffee recipe that will satisfy all your coffee cravings with a touch of chocolate.

    This iced coffee is flavored with homemade chocolate syrup and takes just 5 minutes to make at home, served with a delicious whipped cream topping.

    Craving for more coffee desserts? Give these a try, Tiramisu cake, Cappuccino muffins and Tiramisu coffee latte.

    tall glass of iced mocha latte with whipped cream on a table

    The iced mocha latte is a cold coffee drink flavored with chocolate syrup, served with milk and a whipped cream topping, perfect to match my chocolate cinnamon rolls.

    As well-loved as this Iced matcha latte or my version of Iced chai latte, which are coffee drinks we usually buy in our favorite coffee shops like Starbucks coffee.

    Prepared in less than 5 minutes and with just 3 basic ingredients, a full-bodied espresso coffee, homemade chocolate sauce and milk, and extra whipped cream for the most indulgent.

    But this version of homemade mocha iced latte is quick and easy to make at home, costs much less and is much less sweet than the coffee shop version.

    Why we love this recipe

    • Quick and easy to make with my step-by-step recipe.
    • Iced coffee to get your caffeine fix and cool down at the same time.
    • Made with homemade chocolate syrup but also works with any store-bought chocolate syrup.
    glass of ice mocha with whipped cream

    Ingredients notes

    Here's an overview of the ingredients needed and possible substitutions to make this mocha iced latte recipe at home, scroll down to see the quantities in the recipe card.

    • Coffee: Choose your favorite coffee, preferably a strong espresso, cold brew coffee, filter coffee or simply instant soluble coffee.
    • Chocolate syrup: Made at home with a mixture of unsweetened cocoa powder with a liquid sugar such as maple syrup, mixed with a bit of water or coffee and optional vanilla syrup flavoring. (you can use any store-bought chocolate syrup or replace it with white chocolate syrup or caramel syrup)
    • Milk: the kind you like to drink, dairy milk, or a neutral plant-based drink such as almond milk, coconut milk, oat milk, soy milk or other.
    • Ice cubes: Large ice cubes that you can make with coffee to have coffee ice cubes and a double dose of coffee flavor.

    ⚠️ You'll find quantities and full instructions in the recipe card at the end of this page.

    whipped cream with a drizzle of melted chocolate

    How to Make an Easy Iced Mocha Recipe

    • Prepare your usual coffee, using an espresso machine, instant coffee or filter coffee, and let your hot coffee cool.
    • Mix the unsweetened cocoa powder with the maple syrup and a small amount of coffee in a small bowl to wet the mixture and create a chocolate sauce.
    • Fill a tall glass or two small glasses with ice cubes.
    • Pour in the coffee first, then the chocolate sauce.

    Tip: There's no right or wrong way to do this iced mocha recipe. You can also mix all your ingredients in a bowl and serve in a glass with ice cubes.

    glass with ice cubes and coffee
    tall glass with iced cubes and a chocolate sauce

    Latte style

    • Add your cold milk to the glass containing the coffee and chocolate sauce.
    • Stir with a straw or tablespoon to make a smooth drink.
    • Top with whipped cream and decorate with a drizzle of chocolate sauce or simply melted chocolate.
    • Enjoy your iced mocha latte!
    glass with mocha coffee with milk
    glass on a table with an iced coffee mocha

    Recipes Variations

    Real chocolate in my mocha coffee: Melt 1 square of 70% or 80% dark chocolate in your hot coffee to replace the chocolate syrup.

    Iced white chocolate mocha coffee: Replace dark chocolate or unsweetened cocoa powder with white chocolate or milk chocolate to melt in your hot coffee.

    Caramel syrup or peppermint: Use caramel syrup as in this iced caramel latte recipe, or add a bit of mint syrup to make the iced peppermint mocha latte version as at Starbucks.

    glasse with a straw and a mocha latte

    You will also love

    • Vanilla chaï latte
    • Vanilla iced coffee
    • Healthy pumpkin spice latte
    • Matcha latte
    • Strawberry Matcha latte
    • Caramel iced coffee
    • Tiramisu latte

    Did you like this recipe? Don't forget to rate it and leave me a review in the comments! And to not miss any recipes follow @sweetlycakes on Instagram and tag me to share it if you make this recipe 😊!

    Print
    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

    Iced Mocha Latte


    5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    No reviews

    • Author: Fadela
    • Total Time: 5 minutes
    • Yield: 1 glass
    Print Recipe
    Save Recipe Recipe Saved

    Description

    Iced mocha latte with strong espresso coffee, homemade chocolate syrup, milk, ice cubes and whipped cream topping (for one large glass or 2 small ones) 


    Ingredients

    • 1 espresso coffee - approx. 60 ml
    • 1 tablespoon unsweetened cocoa powder 
    • 1 tbsp. maple syrup 
    • ½ tsp. vanilla - optional
    • 125 ml (1 cup) milk 
    • Ice cubes
    • Whipped cream

    Instructions

    1. Prepare your espresso coffee, filter coffee or instant soluble coffee and leave to cool slightly.
    2. In a small bowl, mix the unsweetened cocoa powder with the maple syrup and vanilla extract, then add about 1-2 tablespoons of coffee or water to wet the preparation and have a mixture like a chocolate sauce.
    3. Put ice cubes in a tall glass and pour in your coffee.
    4. Add the chocolate sauce, then the milk and stir with a spoon or straw to make a smooth mixture.
    5. Finish by adding your whipped topping and decorate with a drizzle of melted chocolate, chocolate syrup or cocoa powder.
    6. Enjoy cold.

    Notes

    Storage: Drink immediately or store in the fridge.

     

    • Replace the chocolate syrup with 1 square of 70-80% dark chocolate, to be melted directly into the hot coffee.
    • You can also use store-bought chocolate syrup.
    • Prep Time: 5 minutes
    • Category: drink, beverage, latte, coffee
    • Cuisine: American

    Did you make this recipe?

    Tag @sweetlycakes on Instagram

    « Oreo Whipped Cream Frosting
    Oreo Cake Pops »

    Reader Interactions

    Leave a Reply Cancel reply

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

    Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    Primary Sidebar

    Hello and welcome to my blog! Fully addicted to cakes, blogging, and beautiful pictures! I share with you on this blog some tips and my favorite baking recipes which I hope will help you to enjoy your loved ones!

    More about me →

     Popular Posts

    • Blueberry Cake

    • French Macarons

    • Lemon Buttercream Frosting

    • Lemon Curd Cake

    Follow us

    Search on the blog

    Sweetly Cakes has been featured on:

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • About me
    • Recipes

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact
    • Work with me
    • Français

    As an Amazon Associate, I earn from qualifying purchases.

    Copyright © 2023 SWEETLYCAKES