diff --git a/packages/ui/src/theme/tokens/colors.ts b/packages/ui/src/theme/tokens/colors.ts
index bc554a5..ad9a595 100644
--- a/packages/ui/src/theme/tokens/colors.ts
+++ b/packages/ui/src/theme/tokens/colors.ts
@@ -6,75 +6,76 @@ export const brandColors: MantineColorsTuple = [
   '#d0b6f8', // 200
   '#b78ff5', // 300
   '#9f64f1', // 400
-  '#7d39ed', // 500 (Primary)
-  '#652ed9', // 600
+  '#7d39ed', // 500
+  '#652ed9', // 600 (Primary)
   '#4a23a5', // 700
   '#321a7a', // 800
   '#1b0f4a', // 900
 ];
+
 export const errorColors: MantineColorsTuple = [
-  '#fef3f2', // 0: 50
-  '#fee4e2', // 1: 100
-  '#fecdca', // 2: 200
-  '#fda29b', // 3: 300
-  '#f97066', // 4: 400
-  '#f04438', // 5: 500
-  '#d92d20', // 6: 600 (Primary)
-  '#b42318', // 7: 700
-  '#912018', // 8: 800
-  '#7a271a', // 9: 900
+  '#fef2f2', // 50
+  '#fee2e2', // 100
+  '#fecaca', // 200
+  '#fca5a5', // 300
+  '#f87171', // 400
+  '#ef4444', // 500
+  '#dc2626', // 600 (Primary)
+  '#b91c1c', // 700
+  '#991b1b', // 800
+  '#7f1d1d', // 900
 ];
 
 export const warningColors: MantineColorsTuple = [
-  '#fffdf5', // 0: 50
-  '#fff9db', // 1: 100
-  '#fff0b3', // 2: 200
-  '#ffe480', // 3: 300
-  '#ffd64d', // 4: 400
-  '#ffc71a', // 5: 500
-  '#ffb800', // 6: 600 (Primary)
-  '#d19200', // 7: 700
-  '#a67000', // 8: 800
-  '#7a5000', // 9: 900
+  '#fffbeb', // 50
+  '#fef3c7', // 100
+  '#fde68a', // 200
+  '#fcd34d', // 300
+  '#fbbf24', // 400
+  '#f59e0b', // 500
+  '#d97706', // 600 (Primary)
+  '#b45309', // 700
+  '#92400e', // 800
+  '#78350f', // 900
 ];
 
 export const successColors: MantineColorsTuple = [
-  '#f3fcf0', // 0: 50
-  '#e3f8dc', // 1: 100
-  '#c6f0b7', // 2: 200
-  '#a0e589', // 3: 300
-  '#7bd760', // 4: 400
-  '#5ace3c', // 5: 500
-  '#3ec300', // 6: 600 (Primary)
-  '#309b00', // 7: 700
-  '#267b00', // 8: 800
-  '#206505', // 9: 900
+  '#f0fdf4', // 50
+  '#dcfce7', // 100
+  '#bbf7d0', // 200
+  '#86efac', // 300
+  '#4ade80', // 400
+  '#22c55e', // 500
+  '#16a34a', // 600 (Primary)
+  '#15803d', // 700
+  '#166534', // 800
+  '#14532d', // 900
 ];
 
 export const infoColors: MantineColorsTuple = [
-  '#eef7ff', // 0: 50
-  '#d9efff', // 1: 100
-  '#b0ddff', // 2: 200
-  '#82c9ff', // 3: 300
-  '#54b5ff', // 4: 400
-  '#26a1ff', // 5: 500
-  '#0094ff', // 6: 600 (Primary)
-  '#0079d6', // 7: 700
-  '#0060ad', // 8: 800
-  '#004b87', // 9: 900
+  '#f0f9ff', // 50
+  '#e0f2fe', // 100
+  '#bae6fd', // 200
+  '#7dd3fc', // 300
+  '#38bdf8', // 400
+  '#0ea5e9', // 500
+  '#0284c7', // 600 (Primary)
+  '#0369a1', // 700
+  '#075985', // 800
+  '#0c4a6e', // 900
 ];
 
 export const grayColors: MantineColorsTuple = [
-  '#f5f6f7',
-  '#eceff1',
-  '#e0e3e7',
-  '#d1d5db',
-  '#9ca3af',
-  '#6b7280',
-  '#4b5563',
-  '#374151',
-  '#1f2937',
-  '#111827',
+  '#f5f6f7', // 50
+  '#eceff1', // 100
+  '#e0e3e7', // 200
+  '#d1d5db', // 300
+  '#9ca3af', // 400
+  '#6b7280', // 500
+  '#4b5563', // 600 (Primary)
+  '#374151', // 700
+  '#1f2937', // 800
+  '#111827', // 900
 ];
 
 /**