Beverages
This beet hot chocolate recipe transforms a classic comfort drink into a vibrant, earthy-sweet elixir packed with hidden nutrition. 🌟 The secret lies in roasted beets, which deepen the chocolate's richness while adding natural sweetness and a subtle, earthy depth that pairs beautifully with cocoa.
What makes this version stand out is how the beets' natural sugars caramelize during roasting, creating a complex flavor profile that's both familiar and surprising.
The process starts with roasting beets until tender and caramelized, then blending them into a smooth purée that becomes the base of your drink. This method preserves the beets' natural sweetness while intensifying their earthy notes, which harmonize perfectly with the chocolate.
The result is a velvety, deep-red hot chocolate that's rich, slightly tangy, and impossibly smooth—without any added sugar.
What you'll end up with is a beverage that's as nutritious as it is indulgent, offering the cozy warmth of hot chocolate with the added benefits of beets' fiber, vitamins, and natural sweetness.
The earthy undertones from the beets complement the chocolate's bitterness, creating a balanced flavor that's both sophisticated and comforting. Perfect for chilly evenings or as a unique gift for plant-based friends.
This recipe also works beautifully as a base for customization—add a dash of cayenne for warmth, a sprinkle of cinnamon for spice, or top with whipped coconut cream for extra richness. Let's create this vibrant twist on a childhood favorite.
Ingredients for beet hot chocolate
Roasted beets and rich cocoa transform this classic drink into a vibrant, earthy-sweet elixir.
| Ingredient | Amount | Notes |
|---|---|---|
| Medium Beets 🍠 | 2 whole | Organic preferred, peeled and cubed |
| Unsweetened Cocoa Powder 🍫 | ½ cup | High-quality Dutch-processed preferred |
| Full-Fat Coconut Milk 🥥 | 13 ½ oz | Canned, full-fat for creaminess |
| Unsweetened Almond Milk 🥛 | 2 cups | Vanilla or plain, unsweetened |
| Pure Maple Syrup 🍁 | ¼ cup | Grade B for deeper flavor |
| Extra-Virgin Olive Oil 🫒 | 1 tbsp | For roasting beets |
| Vanilla Extract 🌿 | 1 tsp | Pure Madagascar preferred |
| Ground Cinnamon 🍃 | 1 tsp | Ceylon cinnamon preferred |
| Sea Salt 🧂 | ½ tsp | Fine grain preferred |
| Cayenne Pepper 🔥 | ¼ tsp | Adjust for heat preference |
| Fresh Orange Zest 🍊 | 1 tsp | Brightens flavor profile |
| Whipped Coconut Cream 🥥 | ¼ cup | For topping, optional |
The beets are the star—organic, medium-sized with deep red skins ensure maximum sweetness and earthy depth. Whole Foods or local farmers markets often carry the best quality, but any grocery store will do. Roasting caramelizes their natural sugars, creating a complex flavor that pairs beautifully with cocoa. Look for vibrant, firm beets without blemishes—smaller beets roast faster and more evenly. If using pre-packaged beets, opt for the vacuum-sealed kind to preserve freshness. The cocoa powder should be Dutch-processed for smoother flavor, and brands like Valrhona or Guittard are excellent choices for professional results.
No organic beets? Conventional works fine, but peel them thoroughly to remove any wax coatings. Short on cocoa? Dark chocolate (70% or higher) melted into the mixture adds richness. The coconut milk must be full-fat—light versions won't create the same velvety texture. For a nut-free option, substitute cashew milk at the same quantity. The maple syrup can be swapped for agave nectar, but Grade B maple has a deeper, more complex flavor. Fresh orange zest is ideal, but bottled zest works in a pinch. If you prefer less heat, reduce the cayenne to one-quarter teaspoon or omit entirely.
Roasted beets keep in the fridge for 5-7 days if stored in an airtight container with a paper towel to absorb moisture. The finished hot chocolate reheats beautifully—simply warm on the stovetop over medium heat, stirring constantly. For best results, store the finished beverage in glass jars with tight-sealing lids, which preserves the vibrant color and prevents absorption of fridge odors. Portion into individual servings before freezing for up to 3 months. The whipped coconut cream should be added fresh before serving to maintain its airy texture.
Why You'll Love This Recipe
- No Boiling Required: I just roast the beets ahead of time—toss 'em in the oven while I make dinner—and blend them straight from the pan. The sweetness deepens from roasting, and honestly? No extra pots to scrub.
- Earthy Chocolate Magic: The roasted beets marry with cocoa powder like a secret handshake—rich, slightly tangy, and way more complex than plain hot chocolate. Between us, the coconut milk adds this velvety thickness that makes it feel like a treat, not a guilty pleasure.
- Weeknight & Wind-Down: I keep a jar of the roasted beets in the fridge for days, so when I’m too tired to cook, I just reheat the milk, blend, and boom—warm, comforting drink in under five minutes. (Yes, even on a Tuesday night.)
- Budget-Friendly Luxury: A single bag of beets lasts me weeks, and the cocoa, coconut milk, and maple syrup stretch across multiple batches. It’s the kind of drink that feels indulgent but costs less than half a fancy coffee shop order.
Step-by-step instructions for earthy-sweet beet hot chocolate
Transform humble beets into a velvety, complex hot chocolate with layers of earthy depth and subtle heat.
🔥 Step 1: Roast the Beets for Concentrated Sweetness
Preheat your oven to 400°F and line a baking sheet with parchment paper. Toss the 2 whole medium beets (peeled and cubed) with 1 tablespoon extra-virgin olive oil and ½ teaspoon sea salt. Spread them in a single layer—they need room to roast evenly.
Roast for 30-35 minutes until tender and caramelized at the edges. You'll know they're done when a knife slides in easily and they smell intensely sweet. Let them cool completely before processing—this prevents watery chocolate.
👨🍳 Step 2: Blend the Roasted Beets into Silky Purée
Transfer the cooled beets to a high-powered blender along with 1 cup unsweetened almond milk and 1 teaspoon vanilla extract. Blend until completely smooth, scraping down the sides as needed. The purée should be vibrant magenta with no visible texture.
Here's the thing—this purée carries the beet's natural sweetness and earthy notes. If it's too thick, add 1 tablespoon more almond milk to reach a pourable consistency. Strain through a fine-mesh sieve if you prefer ultra-smooth chocolate.
🍳 Step 3: Build the Chocolate Base with Cocoa and Spices
In a medium saucepan, whisk together the beet purée, remaining 1 cup unsweetened almond milk, ½ cup unsweetened cocoa powder, ¼ cup pure maple syrup, 1 teaspoon ground cinnamon, ¼ teaspoon cayenne pepper, and 1 teaspoon fresh orange zest.
Heat over medium-low heat, whisking constantly for 5-7 minutes until it reaches 160°F and thickens to a pudding-like consistency. You're looking for a glossy, velvety texture—this is where the magic happens. The cayenne adds subtle heat while the orange zest brightens the earthy beet flavor.
⏰ Step 4: Incorporate Coconut Milk for Rich Creaminess
Reduce heat to low and slowly pour in the 13.5 oz full-fat coconut milk while whisking vigorously to prevent scorching. The mixture will foam up dramatically—this is normal. Let it simmer gently for 2-3 minutes until fully incorporated and smooth.
Taste and adjust sweetness—you might need 1-2 teaspoons more maple syrup depending on your beets' natural sweetness. The final texture should be thick but still pourable, like a luxurious hot chocolate. If it's too thin, simmer uncovered for 1 more minute to reduce slightly.
🍽️ Step 5: Serve with Whipped Coconut Cream
Divide the hot chocolate among 4 mugs and let it rest for 1 minute to settle. Top each serving with 1 tablespoon whipped coconut cream and an additional sprinkle of orange zest for visual appeal and flavor contrast.
Serve immediately with a cinnamon stick for stirring. The contrast between the silky chocolate, creamy coconut topping, and subtle spice creates a sophisticated beverage that surprises with its depth. Each sip delivers the beets' natural sweetness balanced by the cocoa's bitterness and the orange's brightness.
Pro Tips For Making Beet Hot Chocolate
- ROAST BEETS UNTIL SOFT: I learned this the hard way—raw beets make your hot chocolate taste like muddy earth. Roast them at 400°F (200°C) for 45-55 minutes until a knife slips in like butter. The caramelized edges add depth, and the texture breaks down perfectly for blending.
- STRAIN COCONUT MILK FIRST: Full-fat coconut milk leaves a greasy film on top that ruins the silky finish. After opening the can, refrigerate it overnight, then scoop off the thick cream layer and blend it separately with the almond milk for a smoother, richer base.
- WHISK COCOA POWDER IN: Dumping cocoa powder straight into hot liquid causes clumps that turn your drink into a gritty mess. Whisk it into a small amount of warm almond milk first to dissolve completely, then pour into the rest—this guarantees a velvety texture every time.
- SWEETEN GRADUALLY, TASTE OFTEN: Maple syrup is potent, and beets add natural sweetness. Start with half the recipe’s amount, stir, and let it cool slightly before tasting—your palate dulls with heat. Adjust in ½-teaspoon increments until it balances the earthy beets and bittersweet cocoa.
Regional styles of this recipe
German Earthy Twist
In Germany, hot chocolate often incorporates warm spices like cinnamon and cloves, which pair beautifully with beets' natural sweetness. Replace the cayenne with ½ teaspoon ground cloves and add ¼ teaspoon ground cardamom to the cocoa mixture.
Serve with a dusting of powdered sugar and a star anise stick for stirring. The spices create a cozy, mulled-wine-like warmth that complements the beets' earthiness. 🌟
Mexican Spiced Version
For a Mexican-inspired take, swap the cinnamon for 1 teaspoon Mexican chocolate powder (like Abuelita) and add ¼ teaspoon ground ancho chili powder. Roast the beets with ½ teaspoon smoked paprika instead of salt.
Top with whipped coconut cream and a sprinkle of tajín for a tangy, slightly spicy finish. This version has a smoky depth that enhances the beets' natural sweetness.
Scandinavian Cardamom Cream
In Scandinavian kitchens, cardamom is a staple spice that brightens rich flavors. Replace the cinnamon with 1 teaspoon ground cardamom and add ½ teaspoon vanilla bean paste to the cocoa mixture. Use oat milk instead of almond milk for a creamier texture.
Top with whipped coconut cream and a pinch of sea salt to balance the sweetness. The cardamom adds a floral note that harmonizes beautifully with the beets' earthiness.
British Roasted Beet Latte
For a British-inspired latte-style version, blend the roasted beets with 1 cup oat milk and 1 teaspoon instant espresso powder before adding to the cocoa mixture. Use double cream (or coconut cream) for frothing and top with a sprinkle of cocoa powder and a cinnamon stick.
The espresso enhances the chocolate's depth while the cream adds a luxurious texture. This version is perfect for a cozy afternoon treat.
Italian Orange-Infused
In Italy, citrus is often paired with chocolate for a bright, refreshing flavor. Increase the orange zest to 2 teaspoons and add 1 teaspoon grated orange peel to the cocoa mixture. Replace the cayenne with ¼ teaspoon ground nutmeg for warmth.
Serve with whipped coconut cream and a sprinkle of orange sugar (mix powdered sugar with finely grated orange peel). The citrus notes elevate the beets' natural sweetness, creating a sophisticated and refreshing drink.
Nutrition facts
Frequently asked questions
Why does roasting beets change the flavor so much?
Roasting caramelizes the beets' natural sugars, creating deep, earthy sweetness that blends beautifully with chocolate. The process also intensifies their natural umami notes, making them taste more complex than raw beets. This transformation is what gives the hot chocolate its unique depth and richness.
Can I make this recipe without a blender?
Yes! If you don't have a blender, roast the beets as directed, then mash them with a fork or potato masher until smooth. For an even smoother texture, strain the mashed beets through a fine-mesh sieve. The flavor will still be delicious, though slightly less refined.
How can I make this hot chocolate thicker or thinner?
For a thicker consistency, simmer the mixture uncovered for 1-2 extra minutes to reduce. If it's too thick, stir in 1-2 tablespoons of unsweetened almond milk while warming. The goal is a velvety, pourable texture—adjust gradually to avoid watering it down too much.
What's the best way to store leftovers?
Store in an airtight container in the fridge for up to 5 days. Reheat gently on the stovetop over low heat, whisking constantly to restore smoothness. For longer storage, freeze in individual portions for up to 3 months. Thaw overnight in the fridge before reheating.
Can I substitute other vegetables for beets?
Beets are ideal for their natural sweetness, but you could try roasted sweet potatoes or carrots in a pinch. These will add sweetness but won't match beets' earthy depth. For a truly unique twist, experiment with roasted butternut squash—it adds a nutty sweetness that pairs well with chocolate.