• 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

    Updated Mar 27, 2026 · Published Jun 24, 2023 by Fadela

    Jump to Recipe

    An easy iced mocha latte recipe made with coffee, milk, and chocolate for a smooth and refreshing homemade drink.

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

    This iced mocha latte recipe is a simple way to make a chocolate iced coffee at home with just a few ingredients.

    Made with espresso, milk, and chocolate, it’s smooth, refreshing, and ready in minutes.

    Inspired by coffee shop drinks, this homemade iced mocha latte is less sweet and easy to customize. Perfect for a quick summer coffee or an everyday iced coffee treat.

    Why you love this recipe

    • Quick and easy: Ready in just 5 minutes with simple ingredients.
    • Coffee shop style: A homemade iced mocha latte with rich chocolate flavor.
    • Refreshing and creamy: The perfect balance of cold coffee, milk, and chocolate.

    Ingredients You Nedd

    • Coffee: Use a strong espresso or brewed coffee for the best iced mocha latte flavor. Cold brew or instant coffee also works.
    • Chocolate: Use chocolate syrup or make your own with cocoa powder and a sweetener for a rich mocha taste.
    • Milk: Any milk works, whole milk for creaminess or plant-based milk like oat or almond.
    • Ice: Use plenty of ice cubes, or coffee ice cubes for a stronger iced coffee flavor.
      whipped cream with a drizzle of melted chocolate

      Tips for the best iced mocha latte

      • Use strong coffee: A bold espresso gives a richer chocolate coffee flavor.
      • Adjust sweetness: Add more or less chocolate depending on your taste.
      • Chill your coffee: Let it cool before pouring over ice to avoid dilution.
      • Mix well: Stir properly to blend coffee, milk, and chocolate evenly.

      How to make iced mocha latte

      Prepare a strong coffee and let it cool slightly.

      In a small bowl, mix cocoa powder, maple syrup, and a little coffee until smooth.

      Fill a glass with ice and pour the coffee over the ice.

      glass with ice cubes and coffee

      Add the chocolate mixture and stir until smooth and combined.

        tall glass with iced cubes and a chocolate sauce

        Pour the milk and mix gently to create a creamy iced mocha latte.

        glass with mocha coffee with milk

        Top with whipped cream and finish with a drizzle of chocolate before serving.

        Variations

        • White chocolate mocha: Use white chocolate instead of cocoa for a sweeter iced mocha latte.
        • Caramel mocha: Add caramel syrup for a richer iced coffee flavor.
        • Mocha frappe: Blend with ice for a creamy frozen iced mocha latte.
        • Dairy-free: Use oat or almond milk for a plant-based version.
        • Stronger coffee: Use cold brew or coffee ice cubes for a more intense flavor.

        Recipe Questions

        Can I use instant coffee

        Yes, dissolve it in hot water and let it cool before using.

        How to make it less sweet

        Reduce the chocolate or use unsweetened cocoa.

        Can I make it ahead

        It’s best fresh, but you can prepare the coffee in advance.

        Can I skip the whipped cream

        Yes, it’s optional but adds a creamy finish.

        What milk works best

        Whole milk is creamier, but any milk works well.

        glass on a table with an iced coffee mocha

        More Latte Recipes

        • Vanilla iced coffee
        • Caramel iced coffee
        • Tiramisu latte

        I hope you’ll love this recipe. If you try it, feel free to leave a comment. Happy baking!

        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

        A simple iced mocha latte made with espresso, chocolate, and milk. This refreshing chocolate iced coffee is smooth, creamy, and easy to make at home in just a few minutes.


        Ingredients

        • 1 espresso (about 60 ml)
        • 1 tablespoon unsweetened cocoa powder
        • 1 tablespoon maple syrup
        • ½ teaspoon vanilla extract (optional)
        • 125 ml milk
        • Ice cubes
        • Whipped cream

        Instructions

        1. Prepare your espresso, brewed coffee, or instant coffee and let it cool slightly.
        2. In a small bowl, mix cocoa powder, maple syrup, and vanilla, then add a little coffee or water to create a smooth chocolate sauce.
        3. Fill a tall glass with ice and pour the coffee over it.
        4. Add the chocolate sauce, then the milk and stir until smooth.
        5. Top with whipped cream and finish with a drizzle of chocolate or a dusting of cocoa powder.
        6. Serve cold.

        Equipment

        Image of Espresso machine

        Espresso machine

        Buy Now →

        Notes

        Storage: Drink immediately or store in the fridge.

        Tips:

        • Use strong coffee for a richer mocha flavor.
        • Adjust the chocolate and sweetness to your taste.
        • Coffee ice cubes work well to avoid dilution.
        • Best enjoyed fresh.
        • Prep Time: 5 minutes
        • Category: drink, beverage, latte, coffee
        • Cuisine: American

        Did you make this recipe?

        Tag @sweetlycakes on Instagram

        This post may contain affiliate links

        More Drinks

        • Golden Milk Powder Mix Recipe
        • Grinch Hot Chocolate Bombs
        • White Hot Chocolate Bombs
        • Iced Golden Milk latte

        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

        • Nutella Frosting
        • Chocolate Cupcakes with Vanilla Frosting
        • White Chocolate Ganache
        • White Chocolate Ganache Frosting

        Follow us

        Search on the blog

        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