Skip to Content

Chocolate Grasshopper Mocha Mocktail

A chocolate and coffee flavored mocktail version of the classic grasshopper cocktail drink, which originated in the French Quarter of New Orleans, Louisiana.

Chocolate grasshopper mocha mocktail cocktail in a clear glass

Courtesy of AMERICAN HERITAGE® Chocolate

Chocolate Grasshopper Mocha Mocktail

What exactly is a grasshopper cocktail?  The standard grasshopper cocktail is made with equal parts crème de menthe and crème de cacao, shaken with ice and strained into a glass.  I suggest that you read The Weird History of the Grasshopper for an overview.

This mocktail version adds chocolate syrup and coffee.  It’s nonalcoholic and works well as an after-dinner dessert drink.  If you like it, you can also get creative with some variations.  Although in New Orleans you can still get a grasshopper served just like they were back in the 1950s, in the midwestern United States it’s evolved into a decadent blended drink that’s heavy on the ice cream.

Drink it for the nostalgia, or drink it for the sugar rush.  It’s all good fun.  If you like cocktails, check out all the beverage recipes.  Also try this chocolate cocktail, the Chocolate Almond Coconut Martini!

Chocolate grasshopper mocha mocktail cocktail in a clear glass
4.86 from 7 votes
Print

Chocolate Grasshopper Mocha Mocktail

A chocolate and coffee flavored mocktail version of the classic grasshopper cocktail drink, which originated in the French Quarter of New Orleans, Louisiana.

Course Cocktail
Cuisine American, American Southern, Southern
Prep Time 2 minutes
Total Time 2 minutes
Servings 1
Calories 452 kcal
Author American Heritage Chocolate

Ingredients

  • 2 tablespoons sweetened condensed milk
  • 1/4 cup heavy cream
  • 1/2 teaspoon mint extract
  • 1/2 drop of green food coloring optional
  • 2 tablespoons chocolate syrup AMERICAN HERITAGE® brand recommended
  • 1/2 cup strong coffee
  • whipped cream

Instructions

  1. Stir together the milk, cream, mint extract, and green food coloring (if used) until combined.

  2. Spoon the chocolate syrup into a 8 ounce glass.
  3. Slowly pour the mint milk/cream mixture over the chocolate syrup.

  4. Over the back of a spoon, pour the coffee slowly over the milk.
  5. Add a dollop of whipped cream.

Nutrition Facts
Chocolate Grasshopper Mocha Mocktail
Amount Per Serving
Calories 452 Calories from Fat 225
% Daily Value*
Fat 25g38%
Saturated Fat 16g100%
Cholesterol 95mg32%
Sodium 104mg5%
Potassium 340mg10%
Carbohydrates 49g16%
Fiber 1g4%
Sugar 41g46%
Protein 5g10%
Vitamin A 980IU20%
Vitamin C 1.1mg1%
Calcium 152mg15%
Iron 0.8mg4%
* Percent Daily Values are based on a 2000 calorie diet.
Recipe Rating