diff --git a/tokens/tokens.json b/tokens/tokens.json
index 7fbb6e6..40da147 100644
--- a/tokens/tokens.json
+++ b/tokens/tokens.json
@@ -646,7 +646,7 @@
                 "y": "40",
                 "blur": "20",
                 "spread": "0",
-                "color": "#10121190",
+                "color": "rgba(#101211, 0.90)",
                 "type": "innerShadow"
               },
               "type": "boxShadow"
@@ -659,7 +659,7 @@
                 "y": "0",
                 "blur": "6",
                 "spread": "1",
-                "color": "#f2f4f725",
+                "color": "rgba(#f2f4f7, 0.25)",
                 "type": "dropShadow"
               },
               "type": "boxShadow"
@@ -671,7 +671,7 @@
                   "y": "1",
                   "blur": "3",
                   "spread": "0",
-                  "color": "#10182810",
+                  "color": "rgba(#101828, 0.10)",
                   "type": "dropShadow"
                 },
                 {
@@ -679,7 +679,7 @@
                   "y": "1",
                   "blur": "2",
                   "spread": "0",
-                  "color": "#10182820",
+                  "color": "rgba(#101828, 0.20)",
                   "type": "dropShadow"
                 }
               ],
@@ -694,7 +694,7 @@
                   "y": "2",
                   "blur": "8",
                   "spread": "0",
-                  "color": "#ffffff30",
+                  "color": "rgba(#ffffff, 0.30)",
                   "type": "innerShadow"
                 },
                 {
@@ -702,7 +702,7 @@
                   "y": "-2",
                   "blur": "8",
                   "spread": "0",
-                  "color": "#00000030",
+                  "color": "rgba(#000000, 0.30)",
                   "type": "innerShadow"
                 },
                 {
@@ -710,7 +710,7 @@
                   "y": "2",
                   "blur": "10",
                   "spread": "0",
-                  "color": "#00000050",
+                  "color": "rgba(#000000, 0.50)",
                   "type": "dropShadow"
                 },
                 {
@@ -718,7 +718,7 @@
                   "y": "-2",
                   "blur": "10",
                   "spread": "0",
-                  "color": "#ffffff10",
+                  "color": "rgba(#ffffff, 0.10)",
                   "type": "dropShadow"
                 }
               ],
@@ -731,7 +731,7 @@
                   "y": "-2",
                   "blur": "8",
                   "spread": "0",
-                  "color": "#00000030",
+                  "color": "rgba(#000000, 0.30)",
                   "type": "innerShadow"
                 },
                 {
@@ -739,7 +739,7 @@
                   "y": "2",
                   "blur": "10",
                   "spread": "0",
-                  "color": "#00000050",
+                  "color": "rgba(#000000, 0.40)",
                   "type": "dropShadow"
                 }
               ],