diff --git a/src/Components/Skills.jsx b/src/Components/Skills.jsx
index 494eac3..c9adb13 100644
--- a/src/Components/Skills.jsx
+++ b/src/Components/Skills.jsx
@@ -74,7 +74,7 @@ const ProgressTrack = styled.div`
 const ProgressBar = styled.div`
   height: 100%;
   border-radius: 99px;
-  background: linear-gradient(90deg, var(--accent), #ff9a8b);
+  background: linear-gradient(90deg, var(--accent), var(--accent-secondary));
   width: ${({ $percent }) => $percent}%;
   animation: ${fillAnimation} 1s ease-out forwards;
 
diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js
index 8ee7d43..9e3d9df 100644
--- a/src/styles/GlobalStyles.js
+++ b/src/styles/GlobalStyles.js
@@ -15,6 +15,7 @@ const GlobalStyles = createGlobalStyle`
     --text-secondary: #333;
     --text-muted: #666;
     --accent: #ff6f61;
+    --accent-secondary: #ff9a8b;
     --accent-hover: #e65a51;
     --border: #ddd;
     --shadow: rgba(0, 0, 0, 0.1);
@@ -36,6 +37,7 @@ const GlobalStyles = createGlobalStyle`
     --text-secondary: #cfcfcf;
     --text-muted: #999;
     --accent: #ff6f61;
+    --accent-secondary: #ffb3a7;
     --accent-hover: #e65a51;
     --border: #3a3a3a;
     --shadow: rgba(0, 0, 0, 0.4);