diff --git a/frontend/src/app/pages/particles/services/particle-manager.service.ts b/frontend/src/app/pages/particles/services/particle-manager.service.ts
index 1cbdfb2..8f28857 100644
--- a/frontend/src/app/pages/particles/services/particle-manager.service.ts
+++ b/frontend/src/app/pages/particles/services/particle-manager.service.ts
@@ -342,6 +342,13 @@ export class ParticleManagerService {
 
   public loadParticleData(data: string): void {
     this.particleData = JSON.parse(data);
+    for (let framesKey in this.particleData.frames) {
+      this.particleData.frames[framesKey].forEach((particleInfo: ParticleInfo) => {
+        if (!particleInfo.color) {
+          particleInfo.color = getDefaultParticleColor(particleInfo.particle_type);
+        }
+      })
+    }
     this.setCurrentFrame('frame-0');
     this.frames = Object.keys(this.particleData.frames);
   }