Name: Coffee Mocktail
Prep time: 5
Total time: 10
Yield: 1
Cuisine: American
Ingredients: 1.4 oz (40 ml) orange juice; 1 drop mint extract; 1 tsp maple syrup or agave syrup; 3.4 oz (100 ml) coffee or espresso; 2.7 oz (80 ml) sparkling water; 5-6 ice cubes; for serving: orange slice/mint leaves

Jump to Recipe·Print Recipe

Coffee Mocktail

This coffee mocktail is refreshing and invigorating without the alcohol. With only 5 ingredients, you can make this sweet, bold, and delicious mocktail in minutes.

Type: drink

Cuisine: American

Keywords: coffee mocktail, mocktail, drink, coffee, cold brew

Recipe Yield: 1

Calories: 46

Preparation Time: 5

Total Time: 10

Recipe Video Name: Coffee Mocktail

Recipe Video Description: This coffee mocktail is refreshing and invigorating without the alcohol. With only 5 ingredients, you can make this sweet, bold, and delicious mocktail in minutes.

Recipe Ingredients:

1.4 oz (40 ml) orange juice
1 drop mint extract
1 tsp maple syrup or agave syrup
3.4 oz (100 ml) coffee or espresso
2.7 oz (80 ml) sparkling water
5-6 ice cubes
for serving: orange slice/mint leaves

Recipe Instructions: The day before, prepare the coffee or espresso and place it in the refrigerator to cool. Squeeze the orange juice. Add maple syrup and mint extract to the cold brew coffee or espresso. Stir to combine and set aside. To a serving glass, add the orange juice. And cover the orange juice with ice cubes. Followed by sparkling water. Pour the coffee over the sparkling water. If you want to create separated layers, place a spoon in the glass so it can balance against the side. Then gently pour the coffee over the spoon in the glass. Serve with mint leave and an orange wedge. Stir to combine and enjoy.

Editor's Rating:
5

This coffee mocktail is refreshing and invigorating without the alcohol. With only 5 ingredients, you can make this sweet, bold, and delicious mocktail in minutes.

Coffee cocktails are delicious drinks with vodka or a coffee liqueur, but without the alcohol, it’s just an espresso. Enter the coffee mocktail- a delightful, festive-looking drink without alcohol. This alcohol-free cocktail is a fun and uplifting drink to make. This mocktail can be served both at a Christmas or New Year’s Eve party and at a summer party.

Why I think you will love this drink:

It’s invigorating without any alcohol.
This drink is made without a cocktail shaker and comes together in 5 minutes.
This drink looks impressive with separated layers before stirring it.
It can be served all year round (summer or winter).
All ingredients are easy to find.
It’s a fun and delicious alcohol-free drink.

Two tall glasses with a two colored yellow and brown layered drink with a mint leave and orange wedge garnish on a white marble backdrop with coffee beans next to it.

COFFEE MOCKTAIL INGREDIENTS

This drink is made with only 5 ingredients and in 5 minutes. All you need to do is have some ice cubes ready to cool the drink.

Espresso – a coffee or espresso you like is the base for this coffee mocktail. Freshly brewed and cooled in the refrigerator is best. The quality of your coffee/espresso is essential, so if you can choose a high-quality espresso.
Orange juice –fresh orange juice is the best for this drink.
Maple syrup – since orange juice is sweet, we only use a little bit to sweeten this drink. It adds a different level of sweetness to this mocktail.
Sparkling water and ice cubes – to make this drink cold and bubbly, add cooled sparkling water in addition to the ice cubes.
Mint extract – is an optional ingredient, but coffee and mint are a fantastic match. Just 1 drop per glass will give this mocktail a little freshness.

A white backdrop with a round white marble cutting board with several small bowls and plates and a transparent jug with a wooden handle with the ingredients for coffee mocktail with the names of the ingredients next to it in bold.

HOW TO MAKE A COFFEE MOCKTAIL (step-by-step with photos)

The recipe for this drink is simple and will result in the best coffee mocktail. And the best part is that you don’t need fancy skills or even a cocktail shaker to make this drink. Make sure to scroll down to the recipe card to read the exact recipe.

Step 1.
Add maple syrup to the cold brew coffee or espresso.
Step 2.
Next, add the mint extract to the coffee.

A small transparent jug with a wooden handle filled almost halfway with coffee and a hand pouring in a syrup from a small white jug on a white marble backdrop.

A small transparent jug with a wooden handle filled almost halfway with coffee and a hand pouring in a liquid from a small light brown bowl on a white marble backdrop.

Step 3.
Stir to combine and set aside.
Step 4.
To a serving glass, add the orange juice.

A small transparent jug with a wooden handle filled almost halfway with coffee and a hand with a small stainless steel whisk stirring in the jug on a white marble backdrop.

A tall glass with yellow orange juice in the bottom and a hand pouring in more orange juice from a small transparent bottle on a white marble backdrop with coffee beans next to it.

Step 5.
And cover the orange juice with ice cubes.
Step 6.
Followed by sparkling water.

A tall glass with yellow orange juice and ice cubes in the bottom and a hand adding in more ice cubes from a small light blue bowl on a white marble backdrop with coffee beans next to it.

A tall glass with yellow orange juice and ice cubes in the bottom and a hand pouring in sparkling water from a small transparent bottle on a white marble backdrop with coffee beans next to it.

Step 7.
Pour the coffee over the sparkling water. If you want to create separated layers, place a spoon in the glass so it can balance against the side. Then gently pour the coffee over the spoon in the glass. Serve with mint leave and an orange wedge.

A tall glass filled halfway with orange juice, water and ice cubes with a spoon hanging in the glass and coffee being poured over the spoon from a small transparant jug with a wooden handle on a white marble backdrop.

A tall glass filled halfway with a mixture of coffee, orange juice and ice cubes with a spoon hanging in the glass and coffee being poured over the spoon from a small transparant jug with a wooden handle on a white marble backdrop.

A tall glass filled halfway with two separated layers of yellow orange juice and brown coffee with a spoon hanging in the glass and coffee being poured over the spoon from a small transparant jug with a wooden handle on a white marble backdrop.

A tall glass with a two colored yellow and brown layered drink with a hand adding an orange wedge as a garnish on a white marble backdrop with coffee beans next to it.

SUBSTITUTIONS AND VARIATIONS

There are a few substitutions and variations possible on this coffee mocktail.

Make it caffeine-free
While this drink is alcohol-free, it is not caffeine-free. To make this drink caffeine-free, replace the coffee or espresso with a caffeine-free coffee.

Extra punch
If you want to keep the drink alcohol-free but miss an extra punch, add a slice of fresh ginger (sliced) to the cold coffee brew. The difference is subtle, but it gives this mocktail a nice punch.

Sweetener
Feel free to use any other sweetener for this drink. I recommend using a syrup-based sweetener, such as maple syrup or agave syrup.

Warming and cooling
This drink can be served all year round, but you can adjust the recipe slightly to make it more cooling or warming. Omit the mint extract and replace it with almond extract or a small pinch of cinnamon to make this drink warming. For a literally more warming drink, you can omit the ice cubes and serve the drink in a smaller glass.

FINAL TIPS

Before we relax and sip our drinks, here are a few tips.

The taste will mostly stay the same if you use caffeine-free coffee. Only coffee powder replacements, such as Dandy Blend, will change the flavor. It’s a personal preference if you like that combination, but it’s worth a try!

Serve this drink in a large glass to accommodate the ice cubes. The more ice cubes you use, the more the layers will stay separated. Eventually, after a few good stirs, the drink will turn completely brown.

Make the cold brew the night before and keep it in the fridge so you can whip up this drink in less than 5 minutes.

A tall glass with a brown colored drink in it with a mint leave and orange wedge garnish on a white marble backdrop with coffee beans next to it.

FREQUENTLY ASKED QUESTIONS

Can I make this ahead?
The cold brew coffee and the orange juice can be made ahead. It is best to serve this drink immediately after combining it in a glass. Freshly squeezed orange juice can be kept in the fridge for about 4 days before it becomes less sweet and a little sour.

Can you mix orange juice and coffee?
Yes! Coffee and orange juice are a not-so-common but absolutely great combination. You will often find coffee shops offering coffee with orange juice.

Can I add alcohol to this drink?
You can turn this mocktail into a cocktail by adding 1/5 oz (15 ml) of vodka and 1/5 oz of a coffee liqueur to the recipe. If the coffee liqueur is sweet, you might have to reduce or omit the maple syrup.

Can I use an iced coffee for this recipe?
You can use a cold brew coffee or an iced coffee for this recipe. The difference is that iced coffee is brewed with hot water, and cold brew is brewed with cold water.

Are you looking for more drink recipes?

Are you going to make this coffee mocktail? Let me know in the comment section, and leave a rating. And if you share it on Instagram, I love seeing your creations.

A tall glass filled halfway with two layers of yellow orange juice and brown coffee with a spoon hanging in the glass and coffee being poured over the spoon from a small transparant jug on a white marble backdrop and the text coffee mocktail written in bold on top of the photo.

Coffee Mocktail

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 5 from 3 reviews

Author: Bianca
Prep Time: 5
Total Time: 5
Yield: 1 glass (320 ml /10.8 oz) 1x
Category: drink, beverage
Cuisine: American
Diet: Vegan

Print Recipe

Description

This coffee mocktail is refreshing and invigorating without the alcohol. With only 5 ingredients, you can make this sweet, bold, and delicious mocktail in minutes.

Ingredients

Scale

1.4 oz (40 ml) orange juice
1 drop mint extract
1 tsp maple syrup or agave syrup
3.4 oz (100 ml) coffee or espresso
2.7 oz (80 ml) sparkling water
5–6 ice cubes
for serving: orange slice/mint leaves

Cook Mode Prevent your screen from going dark

Instructions

The day before, prepare the coffee or espresso and place it in the refrigerator to cool.
Squeeze the orange juice.
Add maple syrup and mint extract to the cold brew coffee or espresso.
Stir to combine and set aside.
To a serving glass, add the orange juice. And cover the orange juice with ice cubes. Followed by sparkling water.
Pour the coffee over the sparkling water. If you want to create separated layers, place a spoon in the glass so it can balance against the side. Then gently pour the coffee over the spoon in the glass.
Serve with mint leave and an orange wedge. Stir to combine and enjoy.

Notes

Coffee
Cold brew, iced coffee, or cooled coffee are all excellent options for this recipe. The most important is the quality of the coffee.

Sweetener
Feel free to use any other sweetener for this drink. I recommend using a syrup-based sweetener, such as maple syrup or agave syrup.

Spoon
You don’t need to use a spoon to pour in the coffee. This method only helps to separate the layers, and it is optional. Eventually, after a good stir, the drink will turn completely brown.

Caffeine free
The taste will not change much if you use caffeine-free coffee. Only coffee powder replacements, such as Dandy Blend, will change the flavor. It’s a personal preference if you like that combination, but it’s worth a try!

Serve
Serve this drink in a large glass (11oz), so it can accommodate the ice cubes. The more ice cubes you use, the more the layers will stay separated.

Make ahead
Make the cold brew the night before and keep it in the fridge so you can whip up this drink in less than 5 minutes.

Extra punch
If you want to keep the drink alcohol-free but miss an extra punch, add a slice of fresh ginger (sliced) to the cold coffee brew. The difference is subtle, but it gives this mocktail a nice punch.