diff --git a/skyvern-frontend/src/index.css b/skyvern-frontend/src/index.css
index 06b1acf5..3692659d 100644
--- a/skyvern-frontend/src/index.css
+++ b/skyvern-frontend/src/index.css
@@ -60,11 +60,11 @@
     --warning: 40.6, 96.1%, 40.4%;
     --warning-foreground: 47.9, 95.8%, 53.1%;
 
-    --success: 142.1, 76.2%, 36.3%;
-    --success-foreground: 141.9, 69.2%, 58%;
+    --warning: 40.6, 96.1%, 40.4%;
+    --warning-foreground: 54.5, 91.7%, 95.3%;
 
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
+    --success: 142.1, 76.2%, 36.3%;
+    --success-foreground: 138.5, 76.5%, 96.7%;
 
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
diff --git a/skyvern-frontend/tailwind.config.js b/skyvern-frontend/tailwind.config.js
index 0730ff9c..57dea313 100644
--- a/skyvern-frontend/tailwind.config.js
+++ b/skyvern-frontend/tailwind.config.js
@@ -35,6 +35,14 @@ module.exports = {
           DEFAULT: "hsl(var(--destructive))",
           foreground: "hsl(var(--destructive-foreground))",
         },
+        warning: {
+          DEFAULT: "hsl(var(--warning))",
+          foreground: "hsl(var(--warning-foreground))",
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
+        },
         muted: {
           DEFAULT: "hsl(var(--muted))",
           foreground: "hsl(var(--muted-foreground))",