diff --git a/web/footer.html b/web/footer.html
index c58f460..c312b90 100644
--- a/web/footer.html
+++ b/web/footer.html
@@ -6,7 +6,7 @@
             <div class="flex gap-2 pb-4">
                 <div class="[&>svg]:size-8">{% include "gractwo.svg" %}</div>
                 <h1
-                    class="font-semibold text-xl px-2 bg-gradient-to-r from-gractwo-red-semidark to-gractwo-blu-semidark from-30% to-70% bg-clip-text text-transparent"
+                    class="font-semibold text-xl px-2 bg-gradient-to-r from-gractwo-red to-gractwo-blu from-30% to-70% bg-clip-text text-transparent"
                 >
                     Gractwo
                 </h1>
diff --git a/web/index.html b/web/index.html
index 4904495..95bddc1 100644
--- a/web/index.html
+++ b/web/index.html
@@ -9,7 +9,7 @@
         {% include "gractwo.svg" %}
     </div>
     <h1
-        class="text-7xl font-semibold bg-gradient-to-r from-gractwo-red-semidark to-gractwo-blu-semidark from-30% to-70% text-transparent bg-clip-text"
+        class="text-7xl font-semibold bg-gradient-to-r from-gractwo-red to-gractwo-blu from-30% to-70% text-transparent bg-clip-text"
     >
         Gractwo
     </h1>
diff --git a/web/input.css b/web/input.css
index 49cf9f2..68550c4 100644
--- a/web/input.css
+++ b/web/input.css
@@ -1,12 +1,12 @@
 @import "tailwindcss";
 
 @theme {
-    --color-gractwo-red: #fb636b;
-    --color-gractwo-red-semidark: #cc4f55;
-    --color-gractwo-red-dark: #b2454b;
-    --color-gractwo-blu: #61f2ea;
-    --color-gractwo-blu-semidark: #47b2ad;
-    --color-gractwo-blu-dark: #3d9994;
+    --color-gractwo-red: #ff637e;
+    --color-gractwo-red-semidark: #cc5166;
+    --color-gractwo-red-dark: #ad4153;
+    --color-gractwo-blu: #00d3f2;
+    --color-gractwo-blu-semidark: #41aaba;
+    --color-gractwo-blu-dark: #3e8f9b;
 }
 
 .bg-gractwo-index-light {