Blood Orange Mocha Recipe

Blood orange mocha in a clear glass mug with ruby citrus layers, dark chocolate sauce, and steamed milk foam on marble

Blood Orange Mocha Recipe

Jump to Recipe

Blood oranges have a short season, roughly January through March, and this mocha is one of the best reasons to use them while they last.

The combination of blood orange and dark chocolate is not new. Chocolatiers have used it for years. Pulling that pairing into a hot espresso drink, though, gives you something that feels genuinely different from a standard mocha.

The syrup takes about five minutes on the stove, and the same approach behind homemade coffee syrups for your brew applies here. From there, it’s just espresso, a spoon of chocolate sauce, steamed milk, and a pour of that bright red syrup.

You can use store-bought blood orange juice in a pinch, but the fresh juice gives you a color and sharpness that the carton version can’t match.

Blood orange mocha in a clear glass mug with ruby citrus layers, dark chocolate sauce, and steamed milk foam on marble

Why You’ll Love This Recipe

  • Fresh blood orange syrup made in five minutes flat
  • Bold espresso balances sweet citrus without clashing
  • Deep red color makes it visually striking every time
  • Works hot or iced with no recipe changes needed

Ingredient Notes

  • Blood oranges: Fresh blood oranges give the syrup its signature ruby color and tart depth. If blood oranges are out of season, cara cara oranges work but the color will be paler and the flavor milder.
  • Espresso: Two shots of espresso give enough coffee backbone to stand up to the citrus and chocolate. A moka pot or an AeroPress brewed strong works just as well if you don’t have an espresso machine.
  • Dark chocolate sauce: Use a sauce made with at least 60% cacao solids for a bittersweet note that keeps the drink from tasting like a dessert. Hershey’s Special Dark syrup or a homemade ganache thinned with hot water both work.
  • Whole milk: Whole milk steams to a creamier microfoam than lower-fat options. Oat milk is the best non-dairy swap here because its natural sweetness complements the orange without competing.
  • Granulated sugar: Standard white sugar lets the blood orange flavor come through cleanly. You can swap in raw cane sugar for a very slight molasses note, but avoid coconut sugar, which muddies the citrus color.
  • Orange zest: Adding a strip of zest while the syrup simmers intensifies the orange oil flavor. Skip it only if you want a cleaner, more neutral citrus taste.
Blood orange mocha in a clear glass mug with ruby citrus layers, dark chocolate sauce, and steamed milk foam on marble

Blood Orange Mocha Recipe

A blood orange mocha made with fresh citrus syrup, espresso, dark chocolate sauce, and steamed milk. Ready in 15 minutes.
Prep Time 8 minutes
Cook Time 7 minutes
Total Time 15 minutes
Servings: 2 drinks
Calories: 185

Ingredients
  

Blood Orange Syrup
  • 120 ml fresh blood orange juice from 2 medium blood oranges
  • 60 g granulated sugar
  • 60 ml water
  • 1 strip blood orange zest about 5 cm long
For Each Mocha
  • 60 ml espresso 2 shots, freshly pulled
  • 1 tbsp dark chocolate sauce 60% cacao or higher
  • 180 ml whole milk or oat milk for dairy-free
  • 2 tbsp blood orange syrup from above
  • 1 thin slice blood orange slice optional, for garnish

Method
 

Make the Blood Orange Syrup
  1. Combine the blood orange juice, water, sugar, and zest strip in a small saucepan over medium heat.
  2. Stir gently until the sugar dissolves completely, about 2 minutes.
  3. Reduce heat to low and simmer without stirring for 5 minutes until slightly thickened.
  4. Remove from heat and let it cool for 2 minutes, then strain through a fine-mesh sieve into a heatproof jar. Discard the zest. Set aside.
Build the Mocha
  1. Spoon 1 tablespoon of dark chocolate sauce into the bottom of a preheated clear glass mug.
  2. Pull a double shot of espresso (60 ml) directly over the chocolate sauce and stir briefly until the chocolate melts and combines.
  3. Add 2 tablespoons of blood orange syrup to the espresso-chocolate mixture and stir to combine.
  4. Steam 180 ml of whole milk to 60-65 C / 140-150 F until you have a smooth, glossy microfoam.
  5. Pour the steamed milk slowly over the back of a spoon held just above the surface of the espresso to create a gentle layered effect.
  6. Garnish with a thin blood orange slice on the rim if using. Serve immediately.

Notes

Pull espresso shots immediately before building the drink - espresso goes stale within 20 seconds and loses the crema that binds the chocolate and citrus together.
Fresh blood orange syrup simmering in a small saucepan with a zest strip, deep red color and gentle bubbles visible

Tips for Success

  • Strain the blood orange syrup through a fine-mesh sieve while still warm to remove pulp and zest bits.
  • Pull your espresso shots directly over the chocolate sauce so the hot coffee melts and blends it instantly.
  • Steam milk to 60-65 C / 140-150 F for foam that holds its shape without scorching.
  • Add the blood orange syrup after the espresso and chocolate, then layer the steamed milk slowly over a spoon to keep the layers visible.
  • Refrigerate leftover syrup in a sealed jar and use within 10 days for the freshest citrus flavor.

Variations

  • Iced blood orange mocha: pour syrup and espresso over ice, then add cold-frothed oat milk.
  • Blood orange white mocha: swap dark chocolate sauce for white chocolate sauce and top with whipped cream.
  • Spiced version: add a small pinch of ground cardamom and cinnamon to the syrup while it simmers.

Storage and Reheating

The blood orange syrup keeps in a sealed glass jar in the fridge for up to 10 days. Give it a quick stir before each use since it can separate slightly.

Assembled mochas don’t store well. The milk separates and the citrus flavor flattens within an hour. Make the syrup ahead, then build each drink fresh to order.

If you want a cold version ready to go, combine the syrup and espresso in a jar and refrigerate for up to 24 hours. Add steamed or frothed milk just before drinking.

Serving Suggestions

Serve hot in a clear glass mug so the layers of espresso, chocolate, and orange syrup stay visible before you stir. A thin slice of blood orange on the rim adds a nice visual cue without much effort.

For an iced version, pour over a full glass of ice and finish with cold-frothed oat milk, much like the builds used in overnight cold brew coffee recipes. It pairs well with a plain butter croissant or a piece of dark chocolate bark on the side.

If you’re making this for guests at brunch, set out the syrup in a small pitcher and let people add as much or as little as they like. Some people want a light citrus hint, others want it front and center.

Two blood orange mochas on a wooden table with fresh blood oranges, linen napkin, and dark chocolate in warm morning light

FAQ

Why does my blood orange mocha taste bitter instead of citrusy?

Bitterness usually means too much chocolate sauce relative to the syrup, or espresso that was over-extracted. Cut the chocolate sauce by half a teaspoon and make sure your syrup has enough sugar to balance the orange’s natural tartness.

Can I use bottled blood orange juice instead of fresh for the syrup?

You can, but bottled juice tends to be more acidic and less aromatic than fresh-squeezed. The syrup will still work, just start with slightly less sugar since some brands add sugar already.

Can I make the blood orange syrup a week ahead and freeze it?

Yes. Pour cooled syrup into an ice cube tray, freeze solid, then transfer to a zip bag. One or two cubes per drink is about right. Thaw in the fridge overnight or drop a cube directly into hot espresso and stir.

What food pairs well with a blood orange mocha at brunch?

Buttery pastries like almond croissants or pain au chocolat work well because they don’t compete with the citrus. A small square of dark chocolate on the side also works and echoes the mocha’s flavor.

Is a blood orange mocha gluten-free?

The mocha itself, made with espresso, fresh blood orange syrup, dark chocolate sauce, and milk, contains no gluten-bearing ingredients. Check the label on your chocolate sauce to confirm it wasn’t processed in a facility with wheat.

How is a blood orange mocha different from a regular chocolate orange mocha?

Standard chocolate orange mochas use orange extract or flavored syrup, which gives a candy-like sweetness, a contrast worth exploring through unexpected coffee flavor combinations worth trying. Blood orange mocha uses fresh citrus syrup with real juice and zest, so the flavor is tarter, more complex, and has a natural bitterness that matches the espresso better.

Related: Cherry Blossom Latte Recipe

Related: Pink Velvet Macchiato: A Dreamy & Unique Drink

Related: How to Get a Clean Sichuan Pepper Mocha Tingle

Related: Black Pepper Mocha with a Warm Spiced Kick

Related: Smoked Paprika Mocha with a Spicy Kick

I'm a coffee enthusiast who loves getting into the heart and soul of Denver's coffee scene. My mission? To share my passion for coffee with you by providing expert tips, revealing hidden gems, and anything else that will make your coffee experience more enjoyable. When I'm not out exploring new cafes or experimenting with coffee recipes, you can find me sharing my discoveries with other coffee enthusiasts like yourself.
Back To Top