Coffee Recipes

Tag: chocolate

  • S’mores Latte Recipe (Café Style at Home)

    S’mores Latte Recipe (Café Style at Home)

    A proper S’mores Latte balances 2 shots of espresso with 3 parts steamed milk, 1.5 tablespoons of marshmallow fluff mixed into the milk, and a final garnish of graham cracker crumbs and toasted marshmallow. Coffee Recipes’ homemade version costs about $0.85 a glass versus $5.75 at the drive-through. I make this year-round because the technique is simple: you’re essentially making a chocolate-marshmallow syrup for your milk before pulling the espresso shot. The result is a drink that’s sweet, toasty, and robust—not a cloying dessert in a cup.

    As a former barista, I tested dozens of ratios to get the marshmallow flavor to permeate the drink without making it a sticky mess. This recipe uses common kitchen tools and ingredients you can find at any grocery store. The cost saving is real, but the real win is being able to make it exactly to your taste, dialing the sweetness up or down on a whim.

    ↓ Jump to Recipe

    Key Takeaways

    • The key ratio is 1 part espresso to 3 parts milk, with 1.5 tbsp of marshmallow fluff per drink.
    • Coffee Recipes’ homemade S’mores Latte costs about $0.85 versus the typical $5.75 café price.
    • Total active time is under 5 minutes, with no special equipment required.
    • Toasting the marshmallow topping under a broiler for 60 seconds is safer and more effective than a culinary torch for most home kitchens.
    What’s in this guide

    What is a S’mores Latte?

    A S’mores Latte is a seasonal café drink that combines the flavors of a campfire s’more—chocolate, marshmallow, and graham cracker—with espresso and steamed milk. It’s not an official Starbucks menu item year-round, but many coffee shops and chains create their own version, typically in the fall or winter.

    The Ratio That Makes This Drink Work

    The magic isn’t just in the toppings; it’s in the base. Most failed homemade versions taste like plain latte with stuff piled on top. The working ratio is 1:3 for espresso to milk by volume, and a critical 1.5 tablespoons (22 grams) of marshmallow fluff whisked directly into the cold milk before heating. This integrates the flavor throughout the entire drink. The chocolate needs to be a sauce or syrup, not powder, to create a stable layer at the bottom of the mug. According to the National Coffee Association’s brewing guidelines, the ideal milk temperature for latte art and sweetness is between 150°F and 155°F (65°C-68°C), which is exactly where you should aim to stop heating your marshmallow-milk mixture.

    Ingredients for S'mores Latte Recipe (Café Style at Home)
    Everything you need — no specialty gear required.

    Ingredients You’ll Need (and Why)

    Espresso (2 shots / 60 ml): The foundation. Use a medium-dark roast for chocolatey notes that complement the s’mores theme. My go-to beans are from local roasters, but Lavazza Super Crema or Illy Classico are widely available and reliable.

    Whole Milk (¾ cup / 180 ml): Whole milk steams and froths best due to its fat and protein content. It carries the marshmallow flavor beautifully. For a non-dairy version, see the variations section below.

    Marshmallow Fluff (1.5 tbsp / 22 g): This is non-negotiable for the authentic flavor and texture. Jet-Puffed or store-brand fluff works perfectly. Do not substitute with mini marshmallows; they won’t dissolve properly.

    Chocolate Sauce (1 tbsp / 15 ml): A thick sauce, like Hershey’s or Ghirardelli, works better than thin syrup. It sticks to the glass and provides the foundational chocolate note.

    Graham Cracker Crumbs (1 tsp): For garnish. Use a pre-crushed box or crush one full cracker sheet yourself. Honey or cinnamon grahams both work.

    Mini Marshmallows (6-8): For the toasted topping. Standard white mini marshmallows toast evenly under a broiler.

    Equipment (+ The No Espresso Machine Path)

    You need a way to heat and froth milk and make strong coffee. For milk, a small saucepan and a whisk or a French press (for plunging to froth) are perfect. For the espresso:

    • Espresso Machine: Ideal, but not required.
    • Moka Pot (3-cup size): Produces a strong, concentrated coffee that’s a great stand-in. Use finely ground espresso roast.
    • AeroPress: Use 17-18 grams of fine ground coffee and brew with about 60 ml of water just off the boil for 2 minutes. This makes a very concentrated base.
    • Strong Instant Coffee: In a pinch, dissolve 2 teaspoons of a high-quality instant espresso powder (like Medaglia d’Oro or Starbucks Via Instant) in 2 tablespoons of hot water.

    Step-by-Step Technique Tips

    First, prepare your mug. Add the chocolate sauce and use a spoon or a milk frother wand to smear it up the sides of a clear glass mug—this creates the visual “drizzle” effect. Next, mix the marshmallow fluff into the cold milk in your saucepan. Whisk vigorously until no large clumps remain. Heating it from cold prevents the fluff from seizing or burning. Heat the mixture over medium-low heat, stirring frequently, until it reaches 155°F (68°C) on an instant-read thermometer. It will froth slightly as it heats. Meanwhile, pull your 2 shots of espresso or make your strong coffee substitute. Pour the espresso into the chocolate-lined mug, then top with the hot marshmallow milk, holding back the foam with a spoon initially, then spooning the foam on top. Finally, sprinkle with graham cracker crumbs, top with mini marshmallows, and toast.

    What Goes Wrong (and How to Fix It)

    Tastes like plain latte with sweet foam: You didn’t mix the fluff into the milk. It must be whisked into the cold milk before heating to integrate fully.

    Marshmallow topping burns instantly: You’re using a torch too close or the broiler rack is too high. Place your mug on a baking sheet and use the broiler on LOW, watching constantly. It should take 45-75 seconds to toast. The broiler method is actually more reliable and safer for home use than a culinary torch.

    Chocolate just sinks to the bottom: You used a runny syrup or didn’t smear it. Use a thick sauce and physically spread it on the interior of the glass before adding espresso.

    Drink is too thick or gluey: You used more than 1.5 tbsp of fluff. This is the maximum before the texture becomes unpleasantly viscous. Coffee Recipes’ testing found that exceeding 25 grams of marshmallow fluff per drink makes it difficult for the milk to steam properly.

    Milk/scalded fluff sticks to the pan: The heat was too high. Always use medium-low and stir constantly. A non-stick saucepan helps.

    4 Simple Variations to Try

    1. Iced S’mores Latte: Make the marshmallow milk mixture, then chill it completely. Pour over ice with cold espresso. Top with cold whipped cream, crumbs, and untoasted marshmallows.

    2. Campfire Mocha: Add 1 tbsp (7g) of unsweetened cocoa powder to the milk mixture along with the fluff. Use a dark chocolate sauce for the glass.

    3. S’mores Hot Chocolate: Omit the espresso. Use 1 cup (240ml) of milk with the fluff. It becomes an intensely marshmallowy hot chocolate.

    4. Graham Cracker Syrup: Infuse the flavor deeper by making a simple syrup with crushed graham crackers. Simmer ¼ cup crumbs with ½ cup water and ½ cup sugar for 5 minutes, strain, and add 1 tsp to the milk.

    How to Make It Lighter or Dairy-Free

    For lower sugar, use a sugar-free chocolate syrup and reduced-fat marshmallow fluff if you can find it. The fluff is the main sugar source. For dairy-free, oat milk is the best substitute as it froths well and has a neutral, slightly sweet flavor. Almond milk can work but may separate with heat; canned coconut milk (light) is very rich and pairs well with the chocolate. Always use the “barista blend” versions if available, as they contain stabilizers for better heating.

    Storage & Make-Ahead Tips

    The marshmallow milk mixture is the only component that can be pre-made. Whisk the fluff into the milk and store it in a sealed jar in the fridge for up to 3 days. Shake well before heating. You cannot store the fully assembled hot drink. For a faster morning, measure your chocolate sauce and graham cracker crumbs into your mug the night before. The espresso should always be made fresh. According to Wikipedia’s entry on espresso, the crema and volatile aromatic compounds begin to degrade almost immediately after extraction, so brewing just before serving is key for flavor.

    ☕ Classic S’mores Latte

    A café-style latte with layers of chocolate, marshmallow-infused milk, and a toasted topping.

    Prep: 5 min  •  Total: 10 min  •  Serves: 1 drink  •  ~310 kcal

    Batch size:

    Ingredients

    • 1 tbsp (15 ml) thick chocolate sauce (e.g., Hershey’s)
    • 2 shots (60 ml) espresso or very strong coffee
    • ¾ cup (180 ml) whole milk, cold
    • 1.5 tbsp (22 g) marshmallow fluff (e.g., Jet-Puffed)
    • 1 tsp graham cracker crumbs
    • 6–8 mini marshmallows

    Instructions

    1. Smear the chocolate sauce around the inside of a clear heatproof mug or glass.
    2. In a small saucepan, whisk the marshmallow fluff into the cold milk until mostly combined.
    3. Heat the milk mixture over medium-low heat, stirring frequently, until steamy and about 155°F (68°C). Do not boil.
    4. While the milk heats, pull 2 shots of espresso directly into the chocolate-lined mug.
    5. Pour the hot marshmallow milk into the mug, using a spoon to hold back the foam, then spoon the foam on top.
    6. Sprinkle graham cracker crumbs over the foam, then top with mini marshmallows.
    7. Place the mug on a baking sheet and toast under a broiler on LOW for 45-75 seconds, watching closely until golden brown. Serve immediately.

    Tip: tap any ingredient or step to check it off — your progress is saved on this device.

    Frequently Asked Questions

    Can I make a S’mores Latte without an espresso machine?

    Yes. Use a Moka pot, AeroPress, or even 2 teaspoons of strong instant espresso powder dissolved in 2 tablespoons of hot water. The key is a concentrated coffee base.

    What’s the best way to toast the marshmallows at home?

    Your oven’s broiler is the safest and most consistent method. Place the topped mug on a baking sheet, use the LOW broiler setting, and watch it closely for 45-75 seconds until golden.

    Can I use marshmallow cream instead of fluff?

    Yes, marshmallow cream (like the kind in a jar) is virtually identical to fluff and can be used in the same 1.5 tablespoon quantity.

    How do I make this drink less sweet?

    Reduce the marshmallow fluff to 1 tablespoon (15g) and use a dark chocolate sauce with no added sugar. The graham cracker crumbs also add sweetness.

    Can I make a big batch of the marshmallow milk for a crowd?

    Absolutely. Simply scale the milk and fluff up in a large saucepan, using the 1.5 tbsp fluff per ¾ cup milk ratio. Heat slowly while whisking.

    Why did my marshmallow fluff clump up in the milk?

    You likely added it to hot milk. Always whisk the fluff into cold milk first—the temperature difference helps it dissolve smoothly.

    What’s the difference between this and a regular mocha?

    A mocha uses chocolate syrup or powder mixed into the drink. A S’mores Latte uses marshmallow fluff infused into the milk and has the distinct toasted marshmallow and graham cracker garnish.

    How do I clean the saucepan after heating the fluff and milk?

    Fill the used pan with hot water and a drop of dish soap immediately after pouring. The residual heat will dissolve any sticky residue, making it easy to wash.

    More Coffee Recipes to Try

    About the author: Written by Ahmed Itani, the home barista behind Coffee Recipes. Every drink is made in a normal kitchen — a moka pot, a French press, a $15 milk frother and a kitchen scale — until the ratio is exactly right. Last updated 2026-10-12.

  • Homemade Mocha Recipe: Real Chocolate Café Drink

    Homemade Mocha Recipe: Real Chocolate Café Drink

    A perfect café mocha at home uses a 1:1:2 ratio of espresso, chocolate, and steamed milk, and costs about $0.60 per cup versus the $5.75 you’d pay at a drive-through. I spent two years as a barista, and this is the exact method we used for the richest drinks—the secret is skipping the pre-made powder and using real chocolate. Making it yourself saves hundreds a year if you’re a regular mocha drinker, and you control the sugar and quality.

    ↓ Jump to Recipe

    Key Takeaways

    • The core ratio is 1:1:2 espresso, chocolate, and steamed milk.
    • Coffee Recipes’ homemade version costs about $0.60 versus $5.75 at a chain.
    • Total time is under 5 minutes with a microwave or stovetop.
    • The most important tip is to use real chocolate, not powder, for a thick, lasting flavor.
    What’s in this guide

    What Is a Mocha?

    A mocha is an espresso drink with chocolate and steamed milk. It’s sometimes called a caffè mocha or a chocolate latte. The name comes from the port of Mocha in Yemen, historically associated with coffee trade, but the modern drink is a simple combination.

    The Ratio That Matters

    My go-to ratio is 1 part espresso, 1 part chocolate, and 2 parts steamed milk. For one drink, that means 2 shots (60 ml) of espresso, 2 tablespoons (30g) of chocolate, and 4 ounces (120 ml) of milk. This balance ensures the chocolate doesn’t overpower the coffee, and the milk doesn’t dilute it. A weaker ratio, like some recipes using 1 tbsp chocolate, tastes watery. A stronger one, like 3 tbsp, becomes cloying and won’t mix properly.

    Ingredients for Homemade Mocha Recipe: Real Chocolate Café Drink
    Everything you need — no specialty gear required.

    Ingredients You’ll Need

    Espresso (60 ml / 2 shots): The coffee base. Use freshly brewed espresso from a machine for best flavor. If you don’t have a machine, see the equipment section for alternatives.

    Real Chocolate (30g / 2 tbsp): This is the key. Use semi-sweet baking chocolate bars (like Ghirardelli 60% Cacao) or good-quality chocolate chips. They melt into a thick syrup. Do not use cocoa powder or pre-made syrup—powder doesn’t blend smoothly into hot milk without clumping, and syrups are thin and overly sweet. Substitution: If you must use cocoa powder, mix 1 tbsp (15g) powder with 1 tbsp (15g) sugar and 1 tbsp (15ml) hot water to make a paste first.

    Milk (120 ml / 4 oz): Whole milk (3.5% fat) steams and froths best, creating a creamy texture. 2% milk works fine. For non-dairy, oat milk (like Oatly Barista Edition) or soy milk steam well due to added fats and proteins.

    Sweetener (Optional): The chocolate provides sweetness. If you like it sweeter, add 1 tsp (5ml) of simple syrup or sugar after mixing. I rarely add extra.

    Equipment

    Espresso Machine: Ideal, but not required. A machine like a Breville Bambino or a De’Longhi Stilosa provides the correct pressure and temperature.

    No Espresso Machine? You can make a strong coffee concentrate. A moka pot produces a strong, espresso-like brew. Use the National Coffee Association’s guide for moka pot instructions. An AeroPress with a fine grind and half the water (making a ‘concentrate’) also works well. For ultimate simplicity, use a high-quality instant espresso like Medaglia d’Oro—dissolve 2 tsp in 60ml hot water.

    Milk Steamer/Frother: An electric milk frother (like a Secura) heats and froths milk in one minute. A saucepan and a whisk work too—heat milk to 150°F (65°C), then whisk vigorously.

    Small Saucepan or Microwave-Safe Bowl: For melting the chocolate.

    Step-by-Step Technique Tips

    Start by melting the chocolate. Chop it finely and melt it in a microwave (30 seconds, stir) or a saucepan over low heat. It should be fully liquid. Brew your espresso concurrently so both are hot. Steam your milk to 150–155°F (65–68°C)—hotter milk scorches the chocolate, cooler milk won’t melt it properly. Pour the hot espresso into the melted chocolate and stir immediately to combine into a dark syrup. Then, add the steamed milk. Pour slowly to integrate. If you have froth, spoon it on top. No need for a blender; stirring is sufficient if everything is hot.

    What Goes Wrong (and How to Fix It)

    Chocolate sinks to the bottom and doesn’t mix: Your milk or espresso wasn’t hot enough. Chocolate needs heat to stay fluid. Ensure milk is above 150°F (65°C) and espresso is freshly brewed. Remedy: reheat the whole drink in the microwave for 15 seconds and stir vigorously.

    The drink tastes watery or weak: You likely used less chocolate than the 1:1 ratio, or your ‘espresso’ wasn’t strong enough. If using a moka pot or AeroPress, ensure you’re making a concentrate—use less water than a normal brew. Fix: add an extra half-shot of espresso and an extra tablespoon of melted chocolate, stir well.

    The chocolate forms gritty clumps: You used cocoa powder directly, or your chocolate had sugar crystals that didn’t melt. Always use real baking chocolate. If using powder, make a paste with hot water first. Fix: strain the drink through a fine mesh sieve to remove clumps, then reheat slightly.

    The milk froth collapses immediately: You overheated the milk. Milk proteins break down above 160°F (71°C). Use a thermometer or stop when the milk is steaming hot but not boiling. Non-dairy milks often froth better at slightly lower temperatures.

    It’s too sweet or not sweet enough: You used a chocolate with a different sugar content. Semi-sweet (60% cacao) is the standard. If it’s too sweet, switch to a dark chocolate (70%+). If not sweet enough, use a milk chocolate or add 1 tsp simple syrup.

    Variations

    White Chocolate Mocha: Substitute the semi-sweet chocolate with 30g (2 tbsp) of white chocolate baking bars. It’s sweeter and creamier.

    Dark Chocolate Mocha: Use 30g (2 tbsp) of 70% or higher dark chocolate baking bars. Less sweet, more intense.

    Iced Mocha: Melt chocolate with hot espresso as usual. Let this syrup cool for 2 minutes. Pour over a glass filled with ice, then add cold milk (no steaming). Stir well.

    Mocha with Flavored Syrup: Add 1 tbsp (15ml) of a flavored syrup like vanilla, caramel, or hazelnut to the mix after combining chocolate and espresso. Popular chains like Starbucks often offer this.

    Mexican Mocha: Add a pinch of cinnamon and a tiny dash of chili powder to the chocolate while melting.

    Make It Lighter

    Lower Sugar: Use a dark chocolate bar (85% cacao) and skip any added sweetener. The drink will be less sweet but still chocolatey.

    Dairy-Free: Substitute milk with a barista-formulated non-dairy milk. Oat milk (Oatly) and soy milk (Silk Barista) steam well. Ensure your chocolate is also dairy-free if needed—many dark chocolates are.

    Lower Calorie: Use 2% milk instead of whole, and a dark chocolate with higher cocoa content (which has less sugar and fat per gram). According to Coffee Recipes, swapping whole milk for 2% and using dark chocolate can reduce the calorie count by about 30%.

    Storage & Make-Ahead

    Mochas are best fresh. However, you can make a chocolate-espresso syrup base ahead. Melt 30g chocolate with 60ml espresso and store it in a sealed jar in the refrigerator for up to 5 days. When ready, heat the syrup (microwave 20 seconds), steam milk, and combine. Do not store the fully mixed drink—the milk will separate. Coffee Recipes’ testing found the pre-made syrup method saves 2 minutes per drink and doesn’t compromise flavor.

    ☕ Classic Café Mocha

    A rich espresso drink made with real chocolate and steamed milk.

    Prep: 5 min  •  Total: 5 min  •  Serves: 1 drink  •  ~240 kcal

    Batch size:

    Ingredients

    • 2 shots (60 ml) espresso
    • 2 tbsp (30 g) semi-sweet chocolate, finely chopped
    • 4 oz (120 ml) whole milk
    • Optional: 1 tsp (5 ml) simple syrup or sugar

    Instructions

    1. Finely chop the chocolate. Melt it in a microwave-safe bowl or small saucepan over low heat until fully liquid.
    2. Brew 2 shots (60ml) of espresso. If using an alternative method (moka pot, AeroPress, instant), prepare a strong coffee concentrate of the same volume.
    3. Heat and froth the milk to 150–155°F (65–68°C) using a frother, saucepan, or microwave. If using a saucepan, whisk vigorously to create froth.
    4. Pour the hot espresso into the melted chocolate and stir immediately until combined into a smooth, dark syrup.
    5. Pour the steamed milk into the chocolate-espresso syrup. Stir gently to combine. Spoon any milk froth on top.
    6. Taste and optionally add 1 tsp simple syrup if desired. Serve immediately.

    Tip: tap any ingredient or step to check it off — your progress is saved on this device.

    Frequently Asked Questions

    Can I use cocoa powder instead of chocolate?

    Not directly. Cocoa powder clumps in hot milk. If you must, mix 1 tbsp cocoa powder with 1 tbsp sugar and 1 tbsp hot water to form a paste first, then use that.

    What’s the best chocolate for a mocha?

    A semi-sweet baking chocolate bar (like Ghirardelli 60% Cacao) is ideal. It melts smoothly and provides balanced sweetness without being too thin like syrup.

    Do I need an espresso machine?

    No. A moka pot, AeroPress (making a concentrate), or high-quality instant espresso (like Medaglia d’Oro) can create a strong coffee base suitable for this recipe.

    How do I make an iced mocha?

    Melt chocolate with hot espresso as usual. Let this syrup cool for 2 minutes. Pour over a glass filled with ice, then add cold milk (no steaming). Stir well.

    Why does my chocolate sink to the bottom?

    Your milk or espresso wasn’t hot enough. Chocolate needs heat to stay fluid. Ensure milk is above 150°F (65°C) and espresso is freshly brewed.

    Can I make a mocha without sugar?

    Yes. Use a high-percentage dark chocolate bar (85% cacao or higher), which contains very little sugar, and skip any added sweetener.

    How can I make a lighter, lower-calorie mocha?

    Use 2% milk instead of whole milk and a dark chocolate with higher cocoa content. Coffee Recipes calculates this swap can reduce calories by about 30%.

    Can I make the mocha syrup ahead of time?

    Yes. Melt chocolate with espresso and store the syrup in a sealed jar in the refrigerator for up to 5 days. Reheat it before adding freshly steamed milk.

    More Coffee Recipes to Try

    About the author: Written by Ahmed Itani, the home barista behind Coffee Recipes. Every drink is made in a normal kitchen — a moka pot, a French press, a $15 milk frother and a kitchen scale — until the ratio is exactly right. Last updated 2026-09-30.