diff --git a/frontend/src/features/symbol/pc/user/SymbolCard.jsx b/frontend/src/features/symbol/pc/user/SymbolCard.jsx
index 724d55f..d22c1a4 100644
--- a/frontend/src/features/symbol/pc/user/SymbolCard.jsx
+++ b/frontend/src/features/symbol/pc/user/SymbolCard.jsx
@@ -170,7 +170,7 @@ function SymbolCard({ symbol, equipped, charId }) {
             className="h-full transition-all"
             style={{
               width: isMax || effectivelyMax ? '100%' : `${Math.min((growth / requireGrowth) * 100, 100)}%`,
-              background: isMax || effectivelyMax ? 'var(--progress-amber)' : 'var(--progress-emerald)',
+              background: isMax ? 'var(--progress-red)' : effectivelyMax ? 'var(--progress-amber)' : 'var(--progress-emerald)',
             }}
           />
         </div>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 5265779..c0b84e4 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -111,6 +111,7 @@
   --progress-track: #0f172a;
   --progress-emerald: #10b981;
   --progress-amber: #f59e0b;
+  --progress-red: #ef4444;
 
   --accent-bright: #6ee7b7;
   --accent-muted: rgba(16, 185, 129, 0.1);
@@ -265,6 +266,7 @@
   --progress-track: #e5e7eb;
   --progress-emerald: #10b981;
   --progress-amber: #f59e0b;
+  --progress-red: #ef4444;
 
   --accent-bright: #047857;
   --accent-muted: rgba(16, 185, 129, 0.1);