Purple Hot Chocolate Recipe with Ube

Purple hot chocolate is a creamy white-chocolate drink colored and flavored with ube extract, the sweet, vanilla-like purple yam popular in Filipino cooking. It comes together on the stovetop in minutes, and you can adjust the color and sweetness to suit your mug.

Ingredients

2 cups (480 ml) whole milk or 2% milk
3 ounces (85 g) white chocolate, finely chopped
1 teaspoon (5 ml) ube extract
1 tablespoon (12 g) granulated sugar, optional, to taste
¼ teaspoon (1 ml) vanilla extract
⅛ teaspoon (0.75 g) fine salt
1 drop purple gel food coloring, optional, for a brighter color
½ cup (120 ml) whipped cream, optional, for serving

Ube extract gives the drink its purple hue and a gentle, sweet, vanilla-like flavor. Some brands are already quite sweet and strongly colored, so begin with the listed teaspoon and taste before adding sugar or more extract. White chocolate provides sweetness and body; finely chopping it helps it melt smoothly into the warm milk. The pinch of salt rounds out the sweetness rather than making the drink taste salty.

Ube extract is available in many Filipino grocery stores and from online food retailers. If you cannot find it, use 1 tablespoon (about 8 g) purple sweet potato powder instead; whisk it into the milk thoroughly, and expect a more earthy flavor and a softer color. A tiny drop of purple gel coloring can deepen the shade if needed, but coloring by itself will not give the drink ube flavor.

Instructions

Prepare the chocolate. Finely chop the white chocolate so it melts quickly and evenly. Measure the milk, ube extract, vanilla, salt, and optional sugar before starting. If the chocolate is in small chips, you can use them as they are. Keep the optional food coloring and whipped cream nearby for finishing.
Warm the milk gently. Pour the milk into a small, heavy-bottomed saucepan and set it over medium-low heat. Add the salt and sugar, if using, and whisk to dissolve. Heat for about 5 minutes, whisking occasionally, until the milk is steaming and small bubbles appear around the edge. Do not let it boil; boiling can leave a cooked-milk flavor and makes it easier for the mixture to scorch.
Flavor the base. Turn the heat to low. Whisk in the ube extract and vanilla until the milk is evenly colored. If you are using purple sweet potato powder instead of extract, sprinkle it in gradually while whisking so it does not form dry clumps. Let the mixture warm gently for about 30 seconds, but do not bring it to a boil.
Melt in the white chocolate. Add the chopped chocolate a handful at a time, whisking continuously for about 2 to 3 minutes. Wait until each addition has mostly melted before adding more. The finished drink should look smooth and slightly thickened, with no visible pieces of chocolate. If it seems too pale, whisk in one additional tiny drop of gel coloring, then reassess before adding more.
Taste and adjust. Take the pan off the heat and taste a small spoonful once it is cool enough to sample. Add a little more sugar if you prefer a sweeter drink, or a small amount of ube extract for a stronger flavor. Avoid adding a large amount of extract at once: it can make the flavor overly perfumed and may change the color more than you expect.
Serve warm. Pour the hot chocolate into two mugs. Top with whipped cream if you like, and serve right away. If it has stood in the pan for a minute, give it another whisk before pouring; the white chocolate can settle slightly as the drink rests.

Tips

Use gentle heat. Keep the pan at medium-low or low once the milk is warm, and whisk around the bottom and corners. White chocolate can scorch if it sits against a hot pan, and overheated milk can develop a skin. If the mixture starts bubbling, take it off the burner briefly and whisk until it settles.
Choose a suitable milk substitute. Barista-style oat milk or full-fat canned coconut milk diluted according to its package directions both work. Oat milk makes a mild, creamy drink, while coconut milk adds a noticeable coconut aroma. Thin rice or almond milk can make the result less rich, so you may want to use a little less milk or add a few extra pieces of white chocolate.
Make the color gradually. Ube extracts vary in strength and shade, and some are more violet while others look blue-purple. Add any food coloring one drop at a time, stirring fully between additions. A dark purple color is not a sign that the drink needs more flavoring; color and taste do not always increase together.
Prevent lumps with powder. If using purple sweet potato powder, first whisk it with 1 to 2 tablespoons (15 to 30 ml) of the measured milk to make a smooth paste. Then whisk that paste into the saucepan. This small extra step is useful because dry powder added directly to warm milk may float or gather into stubborn specks.

Serving Suggestions

Serve the drink freshly made in warmed mugs so it stays hot while you enjoy it. Whipped cream gives the drink a soft, dessert-like finish; a light dusting of purple sweet potato powder or a few white chocolate shavings adds a simple garnish. Keep toppings modest so they do not hide the ube flavor. For a playful contrast, add a few toasted coconut flakes, or serve a small cookie or plain butter biscuit on the side.

This is a rich drink, so a smaller mug or demitasse cup can be satisfying after a meal. For a more relaxed snack, pour it into two standard mugs and pair it with something lightly salted, such as pretzels. If serving a group, keep the hot chocolate in a small insulated carafe after whisking it smooth, and stir before each pour. Add whipped cream only to individual cups so it does not melt into the whole batch.

Variations

Deeper ube flavor: Increase the extract to 1½ teaspoons (7.5 ml), tasting as you go. Extracts differ in strength, so do not assume that one brand will need the same amount as another. If the aroma becomes too strong, whisk in a splash of milk and a little more melted white chocolate to rebalance the drink.

Less sweet: Leave out the added sugar and use a slightly smaller amount of white chocolate, about 2½ ounces (70 g). The drink will be less rich and may be a little thinner, but the ube will still come through. Do not replace white chocolate with unsweetened baking chocolate; it has a very different flavor and will not give the same creamy result.

Dark purple presentation: Use the extract for flavor and add a very small amount of purple gel coloring for a more vivid shade. If you have purple sweet potato powder, it can deepen the color and add a mild earthy note. Stir thoroughly and check the color in the mug, since the drink can look different against a white cup than it does in the saucepan.

Chilled purple chocolate: Make the recipe as written, cool it promptly, and refrigerate it until cold. Whisk or shake it well before pouring over ice, since the melted chocolate may thicken as it chills. Ice will dilute the drink, so serve it in a smaller glass with a few large cubes rather than a glass packed with crushed ice.

Storage and Reheating

For the best texture, serve purple hot chocolate soon after making it. If you have leftovers, transfer them to a clean, covered container and refrigerate within 2 hours. They keep for 3 to 4 days in the refrigerator. The white chocolate may firm up or separate slightly as it cools; that is normal and can usually be corrected by reheating and whisking.

Reheat only the amount you plan to drink in a small saucepan over low heat, whisking often until smooth and steaming. For food safety, leftovers should be reheated to 165°F (74°C), measured with a food thermometer, then cooled to a comfortable sipping temperature before serving. Avoid boiling the drink, which can make the texture less pleasant. A microwave also works: heat in short intervals, stirring well between each one, then check the temperature. Do not repeatedly warm and cool the same batch.

Freezing is not the best choice for this recipe because milk and melted chocolate can separate after thawing, leaving a grainy texture. If you are preparing ahead, make the drink no more than a few days in advance, refrigerate it promptly, and whisk it while reheating. Add whipped cream or other toppings only when serving.

Frequently Asked Questions

What does ube taste like in hot chocolate?
Ube has a mild, sweet flavor often described as vanilla-like, with a gentle earthy quality. In this recipe, white chocolate makes the drink creamy and sweet, while the ube provides a distinctive aroma and purple color. The exact balance depends on the extract, so taste before adding extra sugar or flavoring.

Can I make purple hot chocolate without ube extract?
Yes. Purple sweet potato powder is a practical alternative; whisk about 1 tablespoon (8 g) into a small amount of milk first, then add it to the pan. It gives a more earthy flavor and may produce a less vivid purple. Purple food coloring alone can change the color, but it will not replace ube’s flavor.

Can I make it dairy-free?
Yes. Use a creamy oat milk or coconut milk beverage and dairy-free white chocolate. Check the chocolate label because some white chocolate contains milk ingredients, even when it looks similar to dairy-free products. The result may taste less rich or have a light coconut or oat flavor, but the same gentle heating method applies.

Why did my hot chocolate turn grainy?
It may have overheated, or the chocolate may not have melted evenly. White chocolate is sensitive to high heat, so warm the milk slowly and keep whisking after you add the chopped chocolate. If the drink is only slightly grainy, take it off the heat and whisk vigorously. A small immersion blender can also smooth it, but keep the blender head submerged to avoid splashing hot liquid.

Can I make a larger batch?
Yes. Double each ingredient to serve four, using a saucepan large enough to leave room for whisking. Warm the milk gently and allow a little extra time for the larger quantity to heat; do not raise the burner setting to speed it up. Add the chocolate in batches, and taste before increasing the ube extract, since flavor strength varies by brand.

Can I prepare it ahead for a party?
You can make it earlier the same day or up to 3 to 4 days ahead, then refrigerate it in a covered container within 2 hours of cooking. Reheat gently, whisking until smooth and checking that leftovers reach 165°F (74°C). Hold it warm only for serving, stir before pouring, and offer toppings separately so guests can choose their own.

More recipes to cook

Safety notes: safe minimum internal temperatures from USDA FSIS; raw and undercooked fish guidance from the U.S. FDA. Food safety notes

Spotted an error? Tell us and we will correct it (corrections policy).