• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Emily Laurae
  • Recipe Index
  • About
  • Contact
  • Portfolio
menu icon
go to homepage
  • Recipes
  • Spring Recipes
  • About
  • Subscribe
  • Portfolio
    • Instagram
    • Pinterest
    • TikTok
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Recipes
    • Spring Recipes
    • About
    • Subscribe
    • Portfolio
    • Instagram
    • Pinterest
    • TikTok
    • YouTube
  • ×
    Home » Recipes » Beverages

    Hot Chocolate Coffee

    Published: Dec 24, 2022 · Modified: Jan 21, 2024 by Emily Laurae · This post may contain affiliate links.

    • Facebook
    • Twitter
    Jump to Recipe Print Recipe
    Hot chocolate coffee.
    Hot chocolate coffee.
    Hot chocolate coffee.

    If you’re torn between sipping on something sweetly seasonal or something caffeinated, stop fretting — you can have the best of both worlds with my delectably creamy Hot Chocolate Coffee! Made with just 6 ingredients in about 10 minutes, this tasty quasi-mocha is sure to both energize and comfort you.

    Hot Chocolate Coffee in a mug.
    Jump to:
    • ⭐ Why You’ll Love This Recipe 
    • 🍴Ingredients
    • ⚒️ Equipment
    • 📖 Step by Step Instructions
    • ⏲️ Substitutions & Variations
    • 👩🏻‍🍳 Expert Tips
    • 💭 Recipe FAQs
    • More Beverage Recipes
    • Hot Chocolate Coffee
    • 💬 Comments

    ⭐ Why You’ll Love This Recipe 

    With the days growing colder and the nights growing longer, I’ve been craving extra caffeine and all the warm, cozy comforts I can get my hands on. This delicious and easy recipe for the best hot chocolate coffee has all the hygge charm of everyone’s favorite winter beverage plus the much-needed energy boost of espresso.

    Aside from being downright slurpable, this coffee hot chocolate is:

    • Made With Only 6 Ingredients - If you drink coffee on the regular and like to bake, you likely already have everything you need on hand.
    • Cozy & Comforting - Wrapping my cold hands around a steaming hot mug of caffeinated hot chocolate first thing in the morning is like giving myself a big hug.
    • Customizable - When you play your own barista at home, you can make all the changes you want without any arbitrary upcharges. Then add a few mini marshmallows or one large marshmallow on top before enjoying - hooray!

    Looking for more coffee recipes to try? Look no further than my spiced mocha orange coffee, coffee macarons or coffee donuts!

    🍴Ingredients

    As I mentioned earlier, this hot chocolate latte only requires 6 simple ingredients:

    • Whole Milk or Milk Substitute - You can also substitute the plant-based milk alternative of your choice (like oat milk, coconut milk, almond milk), or swap in lower-fat dairy milk if you prefer. You’re also welcome to double down on the chocolate vibe and use chocolate milk instead!
    • Dark Chocolate - Choose the kind of chocolate you prefer! I love deep, dark good quality chocolate, but feel free to use semi-sweet, milk, or even white chocolate for a sweeter coffee hot chocolate experience.
    • Brown Sugar - For a touch of molasses-y sweetness. Either light or dark brown sugar will work here. You’re also welcome to try less refined sugar varieties like Demerara, Muscovado, or grated jaggery or piloncillo.
    • Ground Cinnamon & Nutmeg - For a touch of warmth. Feel free to swap in your favorite spices (ginger, allspice, cardamom, or cloves would also be nice), or omit them altogether.
    • Espresso - I like my caffeinated hot cocoa to be more aligned with a mocha, so I opt for espresso. You’re also welcome to use regular brewed coffee (or cold brew) instead.
    Labeled ingredient shot for the hot chocolate coffee recipe.

    ⚒️ Equipment

    You don’t need to drop thousands of dollars on specialty equipment to make this espresso hot chocolate. Here are the must-haves:

    • Espresso Maker ~OR~ Coffee Maker - You can make hot chocolate mixed with coffee or espresso, so feel free to use whichever caffeinating device works best for you.
    • Whisk ~OR~ Milk Frother ~OR~ Immersion Blender - A whisk will definitely get the job done, but a milk frother or immersion blender will get the job done without you having to use quite so much energy. If you’re a sleepyhead like me, a little electronic assistance is advised. 
    • Saucepan - Every kitchen needs a saucepan. Make sure you grab one with a nice, heavy bottom to ensure even heating and to prevent your milk from scorching.
    • Mug - Call me crazy, but having a mug large enough for me to hold with two hands is one of my greatest wintertime joys.

    📖 Step by Step Instructions

    This hot chocolate coffee recipe is simple enough that you don’t even need to drink a cup of coffee first. 😂 Here’s how it’s made:

    Heating hot chocolate base in a saucepan.

    Step 1: Mix. Add the milk to a small saucepan on your stovetop. Add the remaining dry ingredients and stir to combine.

    Espresso pouring into a mug.

    Step 2: Add the pulled espresso into a mug as the hot chocolate warms over the stove.

    Adding hot chocolate into the mug.

    Step 3: Serve. Pour hot chocolate into the mug with espresso.

    Completed hot chocolate coffee with whipped cream.

    Step 4: Top with a fresh marshmallow, a smattering of dried marshmallows, or a dollop of whipped cream, and enjoy!

    ⏲️ Substitutions & Variations

    Coffee and hot chocolate is a hard combination to mess up. Here are a few optional customizations to consider:

    • Spicy Hot Chocolate Coffee - Add a pinch of cayenne in the mix for a distinctively Mexican-inspired flair - and perhaps top with mini marshmallows!
    • Frozen Hot Chocolate Coffee - Put Starbucks frappuccinos to shame with this frosty concoction! Make your hot chocolate and allow it to cool, then pour in a blender with ice and espresso or cold brew and blend to icy perfection.
    • Iced Coffee & Hot Chocolate - Make and chill the hot chocolate mix, then serve over ice with a dollop of whipped cream and chocolate shavings.

    👩🏻‍🍳 Expert Tips

    • Bring your milk to a simmer, not a boil. You’re looking for a temperature range of about 130-150F. If you go any higher, the milk is liable to taste scorched or burnt.
    • Whisk (or froth or blend) vigorously. Not only is it important for making sure the chocolate fully incorporates into the milk, but it will also give your coffee in hot chocolate a lusciously creamy and aerated texture.
    • Opt for high-quality chocolate. Remember that chocolate chips aren’t your only option. You can also chop up bar chocolate!
    Hot chocolate coffee in a mug.

    💭 Recipe FAQs

    Is mixing hot chocolate and coffee good?

    I wouldn’t be telling you about it if I thought otherwise! It's one of my favorite things to enjoy during the winter months, and much better tasting that pre-packaged instant mixes you can find at the grocery stores.

    Can you mix hot chocolate powder with coffee?

    Absolutely! While it won’t have quite the same richness as my homemade hot chocolate coffee, it’ll still be pretty darn tasty. Bonus points if you use a DIY hot cocoa mix. 

    More Beverage Recipes

    • Rose matcha latte near roses on a counter.
      Rose Matcha Latte: A Floral Twist on Your Green Tea Latte Recipe
    • Matcha affogato recipe thumbnail.
      Matcha Affogato Recipe: An Easy Green Tea Dessert
    • Matcha tonic in a glass cup with ice on the counter.
      The Ultimate Matcha Tonic for a Refreshing Energy Boost
    • Matcha lavender latte on the counter with macarons.
      How to Make a Lavender Matcha Latte

    If you try this recipe for Hot Chocolate Coffee, please leave a 🌟 review and share your creation with me on social media! You can find me on Instagram, Facebook, Youtube and Pinterest - for more delicious recipes sent straight to your inbox, sign up for my newsletter! 📧 

    Hot Chocolate Coffee.

    Hot Chocolate Coffee

    If you’re torn between sipping on something sweetly seasonal or something caffeinated, stop fretting — you can have the best of both worlds with my delectably creamy Hot Chocolate Coffee! Made with just 6 ingredients in about 10 minutes, this tasty quasi-mocha is sure to both energize and comfort you.
    5 from 4 votes
    Print Recipe Pin Recipe Rate Recipe
    Course: Beverages
    Cuisine: American
    Prep Time: 7 minutes minutes
    Cook Time: 3 minutes minutes
    Total Time: 10 minutes minutes
    Servings: 1 Serving
    Calories: 224kcal
    Author: Emily Laurae

    Equipment

    • Espresso Maker ~OR~ Coffee Maker
    • Whisk ~OR~ Milk Frother ~OR~ Immersion Blender
    • Saucepan
    • Mug

    Ingredients

    • 1 cup Whole Milk, Or substitute a plant based milk of your choice
    • 2.5 oz Dark Chocolate, chopped
    • 1 ½ tablespoon Brown Sugar, or Demerara sugar
    • ¼ teaspoon Ground Cinnamon
    • ¼ teaspoon Nutmeg
    • 2 shots Espresso , or strong coffee

    Instructions

    • Add the milk to a small saucepan on your stovetop. Add the remaining dry ingredients and stir to combine.
      1 cup Whole Milk, 2.5 oz Dark Chocolate, 1 ½ tablespoon Brown Sugar, ¼ teaspoon Ground Cinnamon, ¼ teaspoon Nutmeg
    • Over medium to low heat, warm your hot chocolate while whisking quite vigorously to make sure all the dry ingredients are fully homogenous.
    • Pour espresso followed by hot chocolate base into a mug, top with a fresh marshmallow, a smattering of dried marshmallows, or a dollop of whipped cream, and enjoy!
      2 shots Espresso

    Video

    Notes

    Expert Tips
    • Bring your milk to a simmer, not a boil. You’re looking for a temperature range of about 130-150F. If you go any higher, the milk is liable to taste scorched or burnt.
    • Whisk (or froth or blend) vigorously. Not only is it important for making sure the chocolate fully incorporates into the milk, but it will also give your coffee in hot chocolate a lusciously creamy and aerated texture.
    • Opt for high-quality chocolate. Remember that chocolate chips aren’t your only option. You can also chop up bar chocolate!

    Nutrition

    Calories: 224kcal | Carbohydrates: 31g | Protein: 8g | Fat: 8g | Saturated Fat: 5g | Polyunsaturated Fat: 0.3g | Monounsaturated Fat: 2g | Cholesterol: 29mg | Sodium: 106mg | Potassium: 463mg | Fiber: 0.4g | Sugar: 29g | Vitamin A: 397IU | Vitamin C: 0.1mg | Calcium: 322mg | Iron: 0.3mg
    Enjoyed this recipe?Mention @emilylaurae or tag #emilylaurae!

    More Refreshing Beverage Recipes

    • Rose old fashioned cocktail on the counter near roses.
      Rose Old Fashioned Cocktail: A Floral Twist on a Classic Sip (Quick & Easy!)
    • Rose simple syrup on the counter next to fresh roses.
      How to Make Rose Simple Syrup: A Floral Sweetener for Drinks, Desserts & More
    • Matcha soda in a glass on a wooden board.
      How to Make a Refreshing Matcha Soda (Only Three Ingredients)
    • Matcha cold foam poured into a matcha drink.
      Creamy Matcha Cold Foam Recipe (Made in just 3 minutes!)

    About Emily Laurae

    Emily is the recipe developer, writer, and food photographer behind Emily Laurae. After finishing Pastry School and working as a chef in the restaurant industry, she created this blog to share those skills with home bakers and creators all over the world!

    Reader Interactions

    Comments

    No Comments

    5 from 4 votes (4 ratings without comment)

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    emily laurae sidebar

    HELLO MY FRIENDS, I'M EMILY!

    I'm a professionally trained pastry chef, sharing a collection of my favorite recipes, tips, and tricks for you to create and enjoy in your home kitchen!

    RECIPES

    Spring Recipes

    • Mini lemon meringue tarts on the counter with toasted meringue.
      How to Make Mini Lemon Meringue Tarts with Homemade Lemon Curd

    • Strawberry charlotte cake on a white marble platter with small strawberries.
      How to Make a Classic Strawberry Charlotte Cake (Charlotte aux Fraises)

    • Matcha cookies with white chocolate chips.
      Easy No-Chill Bakery-Style Matcha White Chocolate Cookies

    • Strawberry macarons on the counter near fresh strawberries.
      How to Make Strawberry Macarons with Buttercream and Jam Filling

    Trending Recipes

    • Dutch oven sourdough bread - baked in a dutch oven.
      How to make Sourdough Bread (Dutch Oven Method)

    • 15+ Flavored Simple Syrup Recipes for Cakes, Cocktails, Coffee, and More!
      15+ Flavored Simple Syrup Recipes for Cakes, Cocktails, Coffee, & More!

    • How to make Sugared Berries
      How to make Sugared Berries

    • Chewy Molasses Cookies with Candied Ginger Stack
      Chewy Molasses Cookies with Candied Ginger

    • Medicine ball tea - Starbucks copycat.
      Medicine Ball (5 Minute Starbucks Copycat Hot Tea Recipe)

    • Sourdough grilled cheese sandwich sliced in half on a plate.
      The Ultimate Sourdough Grilled Cheese Sandwich (with VIDEO)

    FEATURED ON

    Featured image including martha stewart, sur la table, southern living,walmart and albertsons.

    Footer

    About

    • About Page
    • Privacy Policy
    • Accessibility
    • Photography Gear Guide
    • Shop

    Newsletter

    • Sign Up so you're the first to know about new recipes, kitchen tips, and events!

    Contact

    • Contact
    • Classes & Events
    • Collaborations & Partnerships
    • Special Orders

    Copyright © 2025 Emily Laurae of ACD Studio - All Rights Reserved

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.