diff --git a/js/public/img/shape-1.svg b/js/public/img/shape-1.svg
index c8a8128df..c64b7f3b2 100644
--- a/js/public/img/shape-1.svg
+++ b/js/public/img/shape-1.svg
@@ -2,8 +2,8 @@
               <svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" version="1.1">
                     <defs> 
                         <linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0">
-                            <stop id="stop1" stop-color="rgba(255, 231.287, 78.545, 0.3)" offset="0%"></stop>
-                            <stop id="stop2" stop-color="rgba(254.848, 165.324, 149.009, 0.25)" offset="100%"></stop>
+                            <stop id="stop1" stop-color="rgba(33, 190, 243, 0.3)" offset="0%"></stop>
+                            <stop id="stop2" stop-color="rgba(50, 117, 191, 0.25)" offset="100%"></stop>
                         </linearGradient>
                     </defs>
                 <path fill="url(#sw-gradient)" d="M18.2,-13.5C23.5,-7.8,27.8,-0.2,27.7,8.7C27.5,17.6,22.9,27.8,14.1,33.9C5.3,39.9,-7.8,41.6,-17.7,36.8C-27.6,32,-34.2,20.7,-37.1,8.4C-39.9,-3.9,-39,-17.2,-32.2,-23.2C-25.4,-29.3,-12.7,-28.3,-3.1,-25.8C6.4,-23.3,12.8,-19.3,18.2,-13.5Z" width="100%" height="100%" transform="translate(50 50)" style="transition: all 0.3s ease 0s;" stroke-width="0" stroke="url(#sw-gradient)"></path>
diff --git a/js/public/img/shape-2.svg b/js/public/img/shape-2.svg
index 8c0b87491..95b1d03e8 100644
--- a/js/public/img/shape-2.svg
+++ b/js/public/img/shape-2.svg
@@ -2,8 +2,8 @@
               <svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" version="1.1">
                     <defs> 
                         <linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0">
-                            <stop id="stop1" stop-color="rgba(181.058, 255, 167.816, 0.2)" offset="0%"></stop>
-                            <stop id="stop2" stop-color="rgba(149.009, 254.848, 251.263, 0.25)" offset="100%"></stop>
+                            <stop id="stop1" stop-color="rgba(33, 190, 243, 0.2)" offset="0%"></stop>
+                            <stop id="stop2" stop-color="rgba(228, 76, 226, 0.25)" offset="100%"></stop>
                         </linearGradient>
                     </defs>
                 <path fill="url(#sw-gradient)" d="M20.2,-14.3C28.2,-6,38.3,2.5,37.6,9.8C36.9,17.1,25.5,23.1,15.5,25.2C5.6,27.3,-2.9,25.4,-11.2,21.9C-19.6,18.4,-27.9,13.3,-30.8,5.6C-33.7,-2.1,-31.2,-12.5,-25.2,-20.4C-19.1,-28.3,-9.6,-33.7,-1.8,-32.3C6.1,-30.9,12.1,-22.7,20.2,-14.3Z" width="100%" height="100%" transform="translate(50 50)" style="transition: all 0.3s ease 0s;" stroke-width="0" stroke="url(#sw-gradient)"></path>
diff --git a/js/public/img/shape-3.svg b/js/public/img/shape-3.svg
index dba085f3c..e4a1cf680 100644
--- a/js/public/img/shape-3.svg
+++ b/js/public/img/shape-3.svg
@@ -2,8 +2,8 @@
               <svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" version="1.1">
                     <defs> 
                         <linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0">
-                            <stop id="stop1" stop-color="rgba(172.198, 167.816, 255, 0.2)" offset="0%"></stop>
-                            <stop id="stop2" stop-color="rgba(236.8, 149.009, 254.848, 0.25)" offset="100%"></stop>
+                            <stop id="stop1" stop-color="rgba(206, 61, 204, 0.2)" offset="0%"></stop>
+                            <stop id="stop2" stop-color="rgba(158, 158, 242, 0.25)" offset="100%"></stop>
                         </linearGradient>
                     </defs>
                 <path fill="url(#sw-gradient)" d="M25.3,-21.5C29.4,-15.2,26.8,-4.8,23.6,3.8C20.4,12.5,16.5,19.4,10.2,23.2C3.9,27,-4.8,27.6,-12.6,24.5C-20.3,21.4,-27,14.6,-30.1,5.6C-33.2,-3.4,-32.6,-14.4,-26.9,-21.1C-21.3,-27.8,-10.7,-30.1,0,-30.1C10.7,-30.1,21.3,-27.8,25.3,-21.5Z" width="100%" height="100%" transform="translate(50 50)" style="transition: all 0.3s ease 0s;" stroke-width="0" stroke="url(#sw-gradient)"></path>