diff --git a/src/components/nodes/AudioInputNode.tsx b/src/components/nodes/AudioInputNode.tsx
index 37e74645..06f11335 100644
--- a/src/components/nodes/AudioInputNode.tsx
+++ b/src/components/nodes/AudioInputNode.tsx
@@ -88,7 +88,7 @@ export function AudioInputNode({ id, data, selected }: NodeProps<AudioInputNodeT
         const x = i * barWidth;
         const y = (height - barHeight) / 2;
 
-        ctx.fillStyle = x < progressX ? "rgb(196, 181, 253)" : "rgb(167, 139, 250)"; // violet-300 played, violet-400 unplayed
+        ctx.fillStyle = x < progressX ? "rgb(139, 92, 246)" : "rgba(139, 92, 246, 0.4)"; // violet-500 played, violet-500/40 unplayed
         ctx.fillRect(x, y, barWidth - barGap, barHeight);
       }
 
diff --git a/src/components/nodes/GenerateAudioNode.tsx b/src/components/nodes/GenerateAudioNode.tsx
index 0779d3bc..aa32d93a 100644
--- a/src/components/nodes/GenerateAudioNode.tsx
+++ b/src/components/nodes/GenerateAudioNode.tsx
@@ -101,7 +101,7 @@ export function GenerateAudioNode({ id, data, selected }: NodeProps<GenerateAudi
         const x = i * barWidth;
         const y = (height - barHeight) / 2;
 
-        ctx.fillStyle = x < progressX ? "rgb(196, 181, 253)" : "rgb(167, 139, 250)"; // violet-300 played, violet-400 unplayed
+        ctx.fillStyle = x < progressX ? "rgb(139, 92, 246)" : "rgba(139, 92, 246, 0.4)"; // violet-500 played, violet-500/40 unplayed
         ctx.fillRect(x, y, barWidth - barGap, barHeight);
       }