diff --git a/src/components/visualization/AgentMultibandAudioVisualizer.tsx b/src/components/visualization/AgentMultibandAudioVisualizer.tsx
index 186cccd..a0cdfe2 100644
--- a/src/components/visualization/AgentMultibandAudioVisualizer.tsx
+++ b/src/components/visualization/AgentMultibandAudioVisualizer.tsx
@@ -72,11 +72,11 @@ export const AgentMultibandAudioVisualizer = ({
       {summedFrequencies.map((frequency, index) => {
         const isCenter = index === Math.floor(summedFrequencies.length / 2);
 
-        let color = accentColor;
+        let color = `${accentColor}-${accentShade}`;
         let shadow = `shadow-lg-${accentColor}`;
         let transform;
 
-        if (state === "listening") {
+        if (state === "listening" || state === "idle") {
           color = isCenter ? `${accentColor}-${accentShade}` : "gray-950";
           shadow = !isCenter ? "" : shadow;
           transform = !isCenter ? "scale(1.0)" : "scale(1.2)";
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 0bc8419..820550d 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -16,6 +16,7 @@ export interface TokenResult {
 }
 
 export type AgentState =
+  | "idle"
   | "listening"
   | "speaking"
   | "thinking"