Salted Caramel Hot Cocoa

Salted Caramel Hot Cocoa

A luxurious, velvety beverage that begins with true homemade caramel rather than a syrup. Deeply caramelized sugar provides complex toffee notes, enriched with butter and heavy cream, while dark cocoa powder adds a sophisticated bittersweet backbone. Finished with sea salt to cut the richness and amplify the buttery profile.

15mIntermediate2 large mugs
Remix

Equipment

Heavy-bottomed saucepan
Whisk
Heat-proof spatula

Ingredients

2 servings

Caramel Base

  • 100 g granulated white sugar, dry
  • 30 ml water, room temperature
  • 30 g unsalted butter, cubed, room temperature

Cocoa Liquid

  • 120 ml heavy cream, warmed
  • 360 ml whole milk
  • 25 g unsweetened cocoa powder, sifted
  • 2 g sea salt, flaky
  • 5 ml vanilla extract

Nutrition (per serving)

Nutrition is estimated per serving. Nutrients without complete source data are omitted.

649
Calories
10g
Protein
68g
Carbohydrates
41g
Fat
5g
Fiber
61g
Sugar
487mg
Sodium
Full nutrition
Calories
649 kcal
Protein
10 g
Carbohydrates
68 g
Fat
41 g
Fiber
5 g
Sugar
61 g
Sodium
487 mg
Saturated Fat
26 g
Trans Fat
1 g
Monounsaturated Fat
11 g
Polyunsaturated Fat
2 g
Cholesterol
118 mg
Potassium
492 mg
Calcium
264 mg
Iron
1.9 mg
Magnesium
85 mg
Phosphorus
282 mg
Zinc
1.7 mg
Vitamin A
432 mcg
Vitamin C
0 mg
Vitamin D
3.3 mcg
Vitamin E
1.0 mg
Vitamin K
4 mcg
Vitamin B6
0.1 mg
Vitamin B12
0.9 mcg
Thiamin
0.11 mg
Riboflavin
0.47 mg
Niacin
0.5 mg
Folate
16 mcg
Water
213 g
Alcohol
1 g
Caffeine
29 mg

Sources: USDA FoodData Central

Method

01

Measure all ingredients before starting. Place the butter near the stove. Warm the heavy cream in the microwave for 30 seconds (this prevents the caramel from seizing aggressively later).

5m
02

In a heavy-bottomed saucepan over medium heat, combine the sugar and water. Stir gently only until the sugar dissolves, then stop stirring. Allow the mixture to boil undisturbed.

5mLook for: Sugar syrup is clear and bubbling vigorously
03

Continue cooking the sugar syrup without stirring. Swirl the pan gently occasionally to ensure even color. Watch closely as the color changes from clear to pale gold, then to a deep amber.

3mLook for: Deep amber color, similar to an old penny
04

Immediately remove pan from heat. Carefully add the butter (it will foam and sputter aggressively). Whisk vigorously until the butter is fully melted and emulsified into the sugar.

1mLook for: Glossy, uniform sauce
05

Slowly pour in the warmed heavy cream while whisking constantly. If the caramel hardens (seizes), do not panic; return the pan to low heat and whisk until smooth again.

1mLook for: Smooth, liquid caramel sauceFeel: No hard lumps of sugar on the bottom of the pan
06

Whisk in the cocoa powder and sea salt until no lumps remain. The mixture will be thick and dark.

0mLook for: Dark, glossy chocolate paste/sauce
07

Pour in the milk. Return the pan to medium-low heat and simmer gently, whisking frequently, until the drink is hot and well-combined. Do not let it boil over.

3mLook for: Steaming heavily with small bubbles at the edges
08

Remove from heat and stir in the vanilla extract. Taste carefully (it will be hot). If a saltier profile is desired, add an extra pinch of sea salt now.

Chef's Notes

  • Using water in the caramel step ('wet caramel') is safer for home cooks than melting pure sugar ('dry caramel') as it promotes even melting, though it takes slightly longer.
  • For the ultimate presentation, serve topped with whipped cream and a drizzle of caramel sauce.
  • The quality of the cocoa powder matters significantly here. A high-fat Dutch-processed cocoa will provide the best texture.

Storage

Refrigerator: 3 daysStore in an airtight jar. Reheat gently on stovetop; separation may occur, whisk vigorously.

Reheating: Warm over medium-low heat while whisking constantly to re-emulsify the butter and cocoa butter.

Troubleshooting

Caramel solidified into a hard lump when cream was added

Cause: Thermal shock from cold dairy hitting hot sugar

Fix: Heat gently and stir until dissolved

Prevention: Warm the cream before adding it

Burnt/bitter taste

Cause: Sugar exceeded 180°C

Prevention: Watch color closely; remove from heat sooner

Cocoa powder lumps floating on top

Cause: Cocoa added too quickly or not whisked enough into the fat base

Fix: Blend

Prevention: Sift cocoa powder before use

Cultural Context

Hot cocoa, in its various forms, has a long history rooted in the Americas, where cacao was first cultivated. While the modern iterations are often simple mixes, this recipe elevates it with a homemade caramel base, reflecting a contemporary American appreciation for artisanal and richer versions of comfort food classics. It's a luxurious take on a familiar treat, perfect for cozy gatherings or a special indulgence.

More Like This

Find your next meal

Dinner2,315Dessert753Side Dish505Appetizer476Soup368Salad367Condiment171Breakfast155Baked Good136Sauce122Lunch113Main Course76Base71Brunch61Bread57Snack51Beverage36Preserve32Confection23Hot Drink3Stew2Smoothie2Main Dish1Main1Sandwich1