diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index d5f8ec62..5724fdce 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -45,13 +45,13 @@ export function Discover() {
         <div
           className="absolute inset-0 mx-auto h-[400px] max-w-[800px] rounded-full blur-[100px] opacity-20 transform -translate-y-[100px] pointer-events-none"
           style={{
-            backgroundImage: `linear-gradient(to right, rgba(var(--colors-global-accentA)), rgba(var(--colors-buttons-toggle)))`,
+            backgroundImage: `linear-gradient(to right, rgba(var(--colors-buttons-purpleHover)), rgba(var(--colors-progress-filled)))`,
           }}
         />
         <h1
           className="relative text-4xl md:text-5xl font-extrabold text-transparent bg-clip-text z-10"
           style={{
-            backgroundImage: `linear-gradient(to right, rgba(var(--colors-global-accentA)), rgba(var(--colors-buttons-toggle)))`,
+            backgroundImage: `linear-gradient(to right, rgba(var(--colors-buttons-purpleHover)), rgba(var(--colors-progress-filled)))`,
           }}
         >
           {t("global.pages.discover")} Movies & TV
diff --git a/src/utils/discoverContent.tsx b/src/utils/discoverContent.tsx
index 146dfe70..9f357f84 100644
--- a/src/utils/discoverContent.tsx
+++ b/src/utils/discoverContent.tsx
@@ -70,7 +70,7 @@ function ScrollToTopButton() {
       <div
         className="absolute inset-0 mx-auto h-[50px] w-[200px] rounded-full blur-[50px] opacity-50 pointer-events-none z-0"
         style={{
-          backgroundImage: `linear-gradient(to right, rgba(var(--colors-global-accentA)), rgba(var(--colors-buttons-toggle)))`,
+          backgroundImage: `linear-gradient(to right, rgba(var(--colors-buttons-purpleHover)), rgba(var(--colors-progress-filled)))`,
         }}
       />