If you have seen color-changing coffee on TikTok and wondered how to make it at home, you are in the right place. This guide covers everything: the ingredient you need, the exact ratios, three different color variations, and how to film it so the shift looks as dramatic on camera as it does in person.
What You Need
The core ingredient is butterfly pea flower powder (also sold as blue butterfly pea flower powder, or sometimes "blue matcha"). This is a fine, deep blue-purple powder made from dried Clitoria ternatea flowers. You can find it at specialty grocery stores, Asian markets, or online.
You also need a pH modifier — the ingredient that triggers the color shift:
- For blue to violet/purple: lemon juice or citric acid powder
- For blue to pink/magenta: more lemon juice or apple cider vinegar (higher acidity)
- For blue to lavender: oat milk, almond milk, or any non-dairy milk (slightly alkaline)
- For blue to teal/green: spirulina powder blended in
Basic Color-Changing Coffee Recipe
Ingredients:
- 1 teaspoon instant coffee (or 1 shot espresso)
- 1 teaspoon butterfly pea flower powder
- 8 oz hot water (170°F)
- Your pH modifier of choice
- Sweetener to taste (optional)
Steps:
- Combine the instant coffee and butterfly pea flower powder in your cup
- Pour hot water and stir until fully dissolved — your coffee turns deep indigo blue
- Add your pH modifier slowly while stirring — watch the shift happen in real time
- Sweeten to taste and enjoy
Clear glass cups show the color shift most dramatically. Film from above or at a slight angle for the best TikTok content.
Three Color-Changing Coffee Recipes to Try
1. Blue to Violet — The Focus Shift
This is the most dramatic and photogenic shift. Add 1/4 teaspoon of citric acid powder (or squeeze half a lemon) into your blue coffee and stir. The anthocyanins react instantly to the acid, shifting from indigo blue to rich violet. You can deepen the purple by adding more citric acid. For best results: use the citric acid powder rather than fresh lemon, which can add unwanted flavor.
2. Blue to Lavender — The Calm Shift
Pour 2–3 oz of oat milk or creamy non-dairy milk into your blue coffee. The milk gently raises the pH and dilutes the anthocyanin concentration, creating a beautiful pastel lavender. The shift is slower and softer than the acid shift — which makes it perfect for a slow, meditative pour video. Barista oat milk (higher fat content) creates a creamier lavender.
3. Blue to Teal — The Restore Shift
Blend 1/4 teaspoon of spirulina powder into your blue coffee. The spirulina adds its own blue-green pigment, which blends with the butterfly pea flower blue to create a distinctive teal. This one requires a bit more stirring to fully incorporate the spirulina. The taste is subtly earthy and very drinkable — spirulina blends surprisingly well with coffee.
How to Film It for TikTok
The color shift is the content. Here is how to maximize it:
- Use a clear glass — opaque mugs hide the show entirely
- Film from above for the swirl reveal, or from the side to see the layering effect
- Natural light makes the colors pop significantly more than artificial light
- Add the modifier slowly — a gradual pour lets the shift happen over 3–5 seconds rather than instantly
- No filter needed — the colors are naturally saturated enough that filters can actually make them look less real
- Hook in the first frame: start with the blue, do not show the final color until after the modifier goes in
The Easy Version: MoodWell Shift Collection
If you want color-changing functional mushroom coffee without sourcing butterfly pea flower powder, citric acid, spirulina, and oat milk powder separately, MoodWell's Shift Collection comes with everything pre-measured. The butterfly pea flower is already in our coffee base. The Bloom Sachets are pre-portioned for the exact shift. HUSTLE goes violet. RESTORE goes teal. CALM goes lavender. Drop, stir, shift. Shop the Shift Collection →
Frequently Asked Questions
Can I make it iced?
Yes. Dissolve your coffee and butterfly pea flower in 2–3 oz of hot water first (to activate the color), pour over ice, then add your modifier. The shift still happens but is slightly more muted over ice.
Does the color affect the taste?
Butterfly pea flower has almost no taste — a very faint floral earthiness that is barely detectable in coffee. The color modifier (citric acid, oat milk, spirulina) may add subtle flavor notes, but most people cannot identify them in the finished cup.
How much butterfly pea flower should I use?
Start with 1/2 to 1 teaspoon per 8 oz of water. More powder creates a deeper, more saturated blue (and a more dramatic shift). Less creates a lighter, more pastel starting color.
0 comments