This post contains affiliate links. As an Amazon Associate I earn from qualifying purchases, at no extra cost to you.

First off, no, they’re not burnt lol. I know someone’s going to comment about that. That’s the caramelized homemade chocolate butter 😋 If you’ve never tried chocolate and cheese together, you’re missing out, and these mini grilled cheese sandwiches are where I’d start you. You get that sweet and savory combo with a real crunch from the caramelization, plus buttery brioche underneath. I make the chocolate butter in about a minute while the pan heats!
View this reel on Instagram
This one earned a spot in 54 Game Day Food Ideas With an Asian Twist too.
What Is Chocolate Butter?
It’s a quick compound butter, which is just softened butter mixed with a flavor. Here that’s unsalted butter, unsweetened cocoa powder and granulated sugar stirred together until smooth. No melting chocolate, no double boiler, no tempering, none of that. You end up with a spreadable, cocoa-rich butter that goes on like regular butter and then caramelizes like sugar the second it hits the pan. That’s the whole secret to the crust!
Do Chocolate and Cheese Go Together?
They do, but there’s a trick, and I learned this one the hard way. Chocolate and cheese is a legit pairing that turns up on plenty of cheese boards, but it lives or dies on contrast. When I made my chocolate covered brie bites, mild milk chocolate over mild brie just blurred together and landed flat, with none of that sweet-and-salty tension.
This grilled cheese fixes exactly that. The mozzarella brings something salty, stretchy and savory, and the caramelized sugar brings the sweet, so the two actually play off each other instead of melting into the same soft lane. SO good!
Why Does My Chocolate Grilled Cheese Look Burnt?
Because the sugar caramelizes, not because you torched it. The chocolate butter is cocoa, sugar and butter, and once that sugar hits a warm pan it browns and deepens into a dark, toffee-colored crust. It looks far more done than it actually is. If that makes you nervous, keep the heat at medium-low so it browns slowly and evenly, then let the sandwiches rest a minute or two after cooking. That short rest is when the sugar sets and the color settles into a glossy caramelized finish.

Tips for Making Chocolate Butter Grilled Cheese
1. Reach for sturdy brioche
Brioche is buttery and soft but sturdy enough to handle the griddle and the spread. It’s the same reason I want thick, sturdy bread in my Biscoff french toast bites, where a flimsy slice would just turn to mush on you. Cut the crusts off first for that clean mini-sandwich look.
2. Keep the heat medium-low
This is the BIG one. The sugar in the chocolate butter caramelizes fast, so a screaming-hot pan darkens the outside before the mozzarella has even started thinking about melting. Low and slow lets the inside go gooey while the crust builds that toffee color.
3. Use a melting dome
A cheese melting dome traps the heat over the sandwich and gets the mozzarella melting all the way through before the outside overdoes it. It’s the same tool I lean on for my Eggo waffle grilled cheese, which melts a three-cheese combo of sharp cheddar, mozzarella and American between two waffles. Same sweet-savory lane, opposite build, since there the sweetness is baked into the bread and here it’s spread on the outside.
4. Let them rest before you cut
Give them a minute or two off the heat. The caramelized butter firms up into a proper crust, and the cheese settles just enough that it stretches instead of running straight out the side!
Storage and Leftovers
These want to be eaten hot, while the cheese is still pulling and the crust is crisp, so I’d make what you’re going to eat. If you’ve got one left, wrap it and keep it in the fridge for up to a day.
Reheat it in a dry pan over medium-low so the crust re-crisps and the mozzarella loosens up again. I’d skip the microwave completely here, since it makes the brioche soggy and the caramelized crust goes soft.

Equipment
- Frying pan
- Cheese melting dome
- Mixing bowls
- Butter knife
Ingredients
- 3 slices brioche
- 3 tablespoons unsalted butter, softened
- 1 tablespoon unsweetened cocoa powder
- 3 tablespoons granulated sugar
- 3 slices mozzarella
Substitutions and Swaps
- The brioche. Challah or thick-cut white bread both work, since what you need is something soft but sturdy. Sourdough is the one I’d rule out, because its tang fights the chocolate instead of supporting it.
- The mozzarella. Any mild melting cheese works, so provolone or Monterey Jack are both fine. Mild is the point here, and a sharp cheddar competes with the cocoa rather than balancing it.
- The cocoa powder. Dutch-process cocoa is darker and smoother, natural cocoa is a little sharper and fruitier. Either is good, and I’d just avoid hot cocoa mix, which is mostly sugar and will burn.
- The sugar. Brown sugar caramelizes even faster and brings a molasses note that I really like. If you use it, drop the heat a touch, because it goes dark quicker than you expect.
- Making it sweeter. A pinch of salt in the chocolate butter sounds backwards and actually makes the whole thing taste more chocolatey. That’s the one addition I’d make if I were doing these again.
Instructions
- Cut the crusts off the brioche slices and cut each slice in half.
- In a small bowl, combine the softened butter, cocoa powder and sugar until smooth.
- Cut the mozzarella slices in half. Stack two halves on one piece of brioche and top with another piece. Repeat for the other sandwiches.
- Use a butter knife to spread the chocolate butter on both outer sides of each sandwich.
- Cook over medium-low heat for about 2 to 3 minutes a side. A cheese melting dome helps the mozzarella melt all the way through.
- Let the sandwiches rest a minute or two so the chocolate butter caramelizes and sets, then eat them warm.

The brioche matters more than you’d think. It’s rich enough to stand up to both the chocolate butter and the mozzarella, where a plain sandwich bread would just get lost under all of that.
Make these for somebody who says chocolate and cheese sounds wrong. They’re small enough that people will try one, and that’s usually all it takes. 🙌
If you make these, leave a star rating on the recipe card and tell me in the comments what you thought of the combo. It really helps other people find the recipe, and I want to know how many people still think they’re burnt!



Chocolate Butter Grilled Cheese
- Total Time: 11
- Yield: 3 mini sandwiches 1x
Description
A sweet-and-savory mini grilled cheese: gooey mozzarella on buttery brioche, griddled with a homemade cocoa-sugar chocolate butter that caramelizes into a crispy, toffee-colored crust.
Ingredients
- 3 slices brioche
- 3 tbsp unsalted butter (softened)
- 1 tbsp cocoa powder (unsweetened)
- 3 tbsp granulated sugar
- 3 slices mozzarella
- Equipment
- Skillet
- Cheese melting dome
Instructions
- Prep the brioche. Cut the crusts off the brioche slices and cut each slice in half.
- Make the chocolate butter. In a small bowl, mix the softened butter, cocoa powder, and sugar until smooth and spreadable.
- Build the sandwiches. Cut the mozzarella slices in half. Stack two halves on one piece of brioche, then top with another brioche half. Repeat to build the rest.
- Spread and cook. Spread the chocolate butter on both outer sides of each sandwich. Cook over medium-low heat for 2 to 3 minutes a side, using a cheese melting dome so the mozzarella melts all the way through.
- Rest and serve. Let the sandwiches rest for a minute or two so the chocolate butter caramelizes and sets, then eat them warm.
Notes
- Use sturdy brioche so it holds up to the griddle and the spread. Flimsy sandwich bread turns to mush.
- Keep the heat medium-low. The sugar caramelizes fast and will darken before the cheese melts on high heat.
- Soften the butter fully so the cocoa and sugar mix in smooth and spread easily.
- A stainless steel melting dome or a pot lid steams the cheese so it melts all the way through.
- Let the sandwiches rest off the heat so the caramelized crust firms into a crisp shell.
- Prep Time: 5
- Cook Time: 6
- Category: Dessert
- Method: Stovetop
- Cuisine: American
Nutrition
- Serving Size: 1 mini sandwich
- Calories: 300 kcal
- Sugar: 16g
- Sodium: 220mg
- Fat: 18g
- Saturated Fat: 11g
- Unsaturated Fat: 6g
- Trans Fat: 0g
- Carbohydrates: 28g
- Fiber: 1g
- Protein: 8g
- Cholesterol: 45mg