As I snuggled under a blanket one chilly afternoon, I overheard a lively conversation about the best ways to enjoy tea, especially for those who crave a coffee-like pick-me-up. That’s when it hit me: the Earl Grey Mocha Latte. This drink is not just a cozy fusion of tea and chocolate; it’s also the perfect balance for anyone tired of heavy coffee. With just 15 minutes in the kitchen, you can whip up this delightful beverage that marries the aromatic notes of Earl Grey with a touch of cocoa and sweet honey. Whether you opt for whole milk, almond, or coconut milk, this quick, satisfying brew will warm your heart. Curious to find out how to make this uniquely flavored latte come to life? Let’s dive in!

Why Try an Earl Grey Mocha Latte?
Cozy Comfort: This latte combines the warmth of Earl Grey tea and rich cocoa, creating a drink that wraps you in a blanket of flavor.
Quick and Easy: With only 15 minutes of prep, you can enjoy a barista-style treat right at home, perfect for busy mornings.
Customizable & Versatile: Whether you prefer whole milk, almond milk, or coconut milk, you can easily tailor this beverage to suit your dietary preferences.
Caffeine Alternative: If you’re looking for a coffee substitute, this latte offers a gentle energy boost without the jitters.
Perfect for Sharing: Bring a pot of this delightful drink to your next gathering or cozy night in—it’s sure to impress your friends and family!
For even more delicious beverage ideas, check out our post on tea-based lattes.
Earl Grey Mocha Latte Ingredients
• Gather these essentials to create your delicious Earl Grey Mocha Latte:
For the Latte
- Earl Grey Tea – Delivers a fragrant, bergamot flavor; substitute with any quality black tea if needed.
- Pure Water – Necessary for steeping the tea; boiling water optimally extracts the flavors.
- Raw Whole Milk – Adds creaminess and richness; consider almond milk or coconut milk for a dairy-free alternative.
- Cocoa Powder – Introduces a chocolatey depth; unsweetened cocoa works best for flavor balance.
- Raw Honey – Naturally sweetens your latte; replace with maple syrup for a vegan option, adjusting to taste.
- Vanilla Extract – Infuses a warm, inviting note; opt for pure extract for optimal flavor.
- Sea Salt – Enhances flavors and balances sweetness; just a pinch will do!
Enjoy crafting your cozy Earl Grey Mocha Latte with these simple yet delightful ingredients!
Step‑by‑Step Instructions for Earl Grey Mocha Latte
Step 1: Boil Water and Steep Tea
Begin by boiling about one cup of pure water in a kettle. Once boiling, pour the hot water over an Earl Grey tea bag in your favorite mug. Allow the tea to steep for 5 minutes, ensuring the rich, bergamot flavors fully develop. You’ll know it’s ready when the water takes on a lovely dark hue.
Step 2: Heat the Milk
While your tea is steeping, pour your choice of raw whole milk, almond milk, or coconut milk into a saucepan. Heat the milk over medium-low heat, stirring gently and watching closely. Aim to bring it to about 110°F; this temperature preserves the nutrients in the milk without scorching it. You’ll want to see small bubbles forming around the edges when it’s perfect.
Step 3: Create the Cocoa Paste
In a small bowl, combine unsweetened cocoa powder, raw honey or maple syrup, and a pinch of sea salt. Use a fork or a small whisk to blend these ingredients until a smooth paste forms. The cocoa paste should be thick yet easily mixable, providing a rich flavor base for your Earl Grey Mocha Latte.
Step 4: Combine Tea and Cocoa Paste
After the tea has steeped for 5 minutes, carefully remove the tea bag and discard it. Then, add the cocoa paste to the hot tea, stirring well until the cocoa is fully incorporated. You’ll notice a beautiful chocolatey aroma merging with the fragrant tea, creating a delightful fusion for your latte.
Step 5: Incorporate Steamed Milk
Once your milk is heated to the right temperature, slowly pour it into the tea and cocoa mixture. Stir gently to combine everything into a silky, luxurious beverage. This is where the Earl Grey Mocha Latte comes to life, taking on a creamy, frothy texture that’s simply irresistible.
Step 6: Add Vanilla and Final Touches
To enhance the flavor, add a splash of pure vanilla extract to your latte and give it one final stir. As you taste the mixture, adjust the sweetness with additional honey or maple syrup if desired. A dash of sea salt will elevate the flavors, marrying the cocoa and tea perfectly in your delicious Earl Grey Mocha Latte.
Step 7: Serve and Enjoy
Pour your finished Earl Grey Mocha Latte into a cozy mug and consider topping it with whipped cream and a dusting of cocoa powder for an extra touch. Take a moment to savor the rich combination of flavors, perfect for a chilly afternoon or any time you need a delightful pick-me-up!

How to Store and Freeze Earl Grey Mocha Latte
Fridge: Store your Earl Grey Mocha Latte in an airtight container for up to 3 days. Reheat on the stovetop or in the microwave, stirring gently.
Cocoa Paste: You can prepare the cocoa paste in advance and refrigerate it for up to 5 days. Just mix it into your freshly brewed tea with milk for quick preparation!
Freezer: For longer storage, freeze the cocoa paste in an ice cube tray. It can last up to 1 month. Thaw before stirring it into your brewed tea for a quick Earl Grey Mocha Latte.
Reheating: When reheating, do so slowly over low heat to preserve the flavors and texture of the milk.
Earl Grey Mocha Latte Variations
Feel free to explore these delightful twists and substitutions for your Earl Grey Mocha Latte, adding your unique flavor palette!
-
Dairy-Free: Substitute raw whole milk with almond milk or coconut milk for a creamy, dairy-free version that still satisfies.
-
Sweetener Swap: Try using agave syrup or stevia instead of honey for a lower-calorie alternative while keeping the sweetness just right.
-
Flavored Teas: Switch it up by using chai, hibiscus, or even green tea for a fun flavor adventure that adds a special twist to your latte.
-
Extra Spice: Add a sprinkle of cinnamon, nutmeg, or cardamom while mixing for a warmly spiced kick—a perfect companion to the rich chocolate notes.
-
Frozen Delight: Consider turning your latte into an ice-blended treat! Blend the components with ice for a refreshing iced drink that’s perfect for warmer days.
-
Gourmet Twist: Enhance the cocoa richness by mixing in a dab of nut butter or a scoop of melted dark chocolate for a luxurious experience.
-
Creamy Froth: For an extra foam, froth your milk using a handheld steamer or frother, making your drink feel like a special café treat.
-
Boozy Option: If you’re in the mood for a festive addition, stir in a splash of flavored liqueur like Irish cream for an adult version of this cozy drink.
Explore these variations and make the Earl Grey Mocha Latte truly yours—there’s no wrong way to enjoy this comforting drink! For more delicious ideas, don’t miss out on our guide to tea-based lattes.
Expert Tips for the Best Earl Grey Mocha Latte
-
Tea Strength Matters: Steep the Earl Grey longer for a bolder flavor. If you’re craving more intensity, don’t hesitate to let it simmer.
-
Watch the Milk: Stir your milk constantly while heating to prevent scorching. Keep it below 110°F to preserve nutrients and achieve a creamy texture.
-
Perfect Sweetness: Adjust honey or maple syrup gradually—taste as you go. Everyone’s sweetness preference varies, so find your perfect balance.
-
Cocoa Quality: Use unsweetened cocoa powder for the best flavor. Avoid sweetened varieties as they can overpower your latte’s delicate notes.
-
Vanilla Matters: Always opt for pure vanilla extract over imitation. The richness of pure vanilla enhances the overall flavor of your Earl Grey Mocha Latte beautifully.
Make Ahead Options
Preparing your Earl Grey Mocha Latte in advance can save precious time on busy mornings! You can create the cocoa paste (combining cocoa powder, raw honey or maple syrup, and sea salt) up to 3 days ahead and store it in an airtight container in the refrigerator. This will keep the flavors intact without compromising quality. When you’re ready to enjoy your latte, simply steep the Earl Grey tea, heat your chosen milk, and mix the cocoa paste into the tea. Finish by incorporating the steamed milk and adding a splash of vanilla for an effortless, cozy drink that tastes just as delicious as if made fresh!
What to Serve with Earl Grey Mocha Latte?
Cozy up your beverage experience with delightful pairings that enhance the aromatic charm of this tea-based treat.
-
Fluffy Scones: A warm, buttery scone complements the chocolatey notes while adding a delightful crumbly texture. Perfect for a brunch spread or afternoon tea.
-
Creamy Oatmeal: Serve a bowl of creamy cinnamon oatmeal for a filling breakfast that harmonizes with the latte’s sweetness and warmth. Top with fruits or nuts for added flair.
-
Zesty Citrus Muffins: These muffins lend a bright, tangy contrast that balances the rich mocha flavors and elevates your morning routine.
-
Chocolate Croissant: Indulge in a flakey, chocolate croissant that echoes the cocoa in your latte. The buttery layers are perfect for dipping!
-
Almond Biscotti: Crunchy biscotti made with almonds brings a delightful texture, making dunking into your latte a satisfying treat.
-
Vanilla Chai Cake: This fragrant cake complements the tea notes beautifully, providing a unique twist to your cozy drink.
-
Light Salad: A fresh salad featuring citrus or mixed greens introduces a refreshing palette cleanser, balancing the richness of your latte.
-
Chai Tea: Enjoy a cup of earthy chai on the side, enhancing your tea experience while reciprocating the warm spices in your Earl Grey Mocha Latte.
-
Mint Tea: To cleanse your palate after the rich flavors, a warm mint tea can provide a refreshing finish to your beverage soak.

Earl Grey Mocha Latte Recipe FAQs
How do I choose the right Earl Grey tea for my latte?
Absolutely! The best Earl Grey tea is one that has a strong bergamot flavor. Look for loose leaf or high-quality tea bags with natural flavors listed in the ingredients. If you can’t find Earl Grey, any quality black tea can work as a substitute, but you’ll miss out on that distinct citrusy aroma!
How should I store my Earl Grey Mocha Latte?
To keep your latte fresh, store it in an airtight container in the fridge for up to 3 days. When you’re ready to enjoy it again, gently reheat it on the stovetop or in the microwave, stirring well. This helps preserve the creaminess and flavor of the milk.
Can I freeze the cocoa paste for future use?
Very much so! You can freeze the cocoa paste in an ice cube tray for up to 1 month. Once frozen, pop the cubes into a resealable bag. When you’re ready for a latte, just thaw a cube and mix it into freshly brewed Earl Grey tea with milk for a quick and delightful treat.
What should I do if my latte turns out too sweet?
If you find your Earl Grey Mocha Latte is sweeter than you’d like, simply add a splash of extra unsweetened milk or brewed tea to dilute the sweetness. Alternatively, a small pinch of sea salt can help balance the flavors, enhancing the overall taste.
Is there a way to make this latte vegan-friendly?
Absolutely! You can easily make your Earl Grey Mocha Latte vegan by using almond milk or coconut milk instead of raw whole milk, and substituting raw honey with maple syrup or agave nectar. This way, you’ll enjoy the same comforting flavors without any animal products.

Earl Grey Mocha Latte
Ingredients
Equipment
Method
- Boil about one cup of pure water and steep Earl Grey tea for 5 minutes.
- Heat your choice of milk in a saucepan over medium-low heat until small bubbles form.
- In a small bowl, blend cocoa powder, raw honey or maple syrup, and a pinch of sea salt into a smooth paste.
- Add the cocoa paste to the steeped tea and stir well until fully blended.
- Slowly pour the heated milk into the tea and cocoa mixture, stirring gently.
- Add a splash of vanilla extract and adjust sweetness if necessary with honey or maple syrup.
- Serve in a cozy mug, optionally topped with whipped cream and cocoa powder.

Leave a Reply