5 from 1 vote

Mocha Pancakes with Mocha Syrup

Prep Time
10 mins
Cook Time
10 mins
Total Time
20 mins
These easy mocha pancakes with mocha syrup are soft and fluffy. Prefect for breakfast or dessert and packed with chocolate and coffee flavors.
Servings: 10 pancakes
Course: Breakfast
Cuisine: American
Calories: 201 kcal
Author: CakeWhiz


Mocha pancakes
  • cups Flour
  • 1⅓ cup Milk Whole
  • 2 tbsp Butter Unsalted
  • 1 tsp Baking powder
  • 1 tsp Baking soda
  • tbsp Espresso powder Good quality
  • 1 tbsp Sugar Granulated
  • 1 tbsp Brown sugar
  • 1 Egg Large
  • ½ cup Chocolate chips
Mocha syrup
  • ½ cup Coffee Brewed
  • ¼ cup Cocoa powder
  • ¼ cup Sugar + 1 tbsp
  • 1 tsp Vanilla extract
  • 1 tsp Butter unsalted


  1. In a mixing bowl, add milk, egg and butter. Mix thoroughly and keep aside.
  2. In a separate mixing bowl, whisk together the flour, sugar, baking powder, baking soda and espresso powder.
  3. Add the dry mixture into the wet mixture and mix until just combined.
  4. Pour ¼ cup of this mixture on a hot griddle. Toss some chocolate chips on top. When you see bubbles, flip your pancake and and cook the other side.
Mocha syrup:
  1. Add brewed coffee, cocoa powder and sugar in a small saucepan.
  2. Mix everything on medium heat until the mixture starts to thicken. This usually takes about 10 minutes.
  3. Remove the saucepan from heat and add butter and vanilla extract. Stir everything together.
  4. Now, top off your pancakes with some chocolate chips and mocha syrup. Enjoy!

Recipe Notes

- Read all my tips above.

Nutrition Facts
Mocha Pancakes with Mocha Syrup
Amount Per Serving
Calories 201 Calories from Fat 54
% Daily Value*
Total Fat 6g 9%
Saturated Fat 3g 15%
Cholesterol 28mg 9%
Sodium 178mg 7%
Potassium 184mg 5%
Total Carbohydrates 31g 10%
Dietary Fiber 1g 4%
Sugars 14g
Protein 4g 8%
Vitamin A 3.6%
Calcium 7.8%
Iron 7.9%
* Percent Daily Values are based on a 2000 calorie diet.