diff --git a/paragon/css/core/custom-media-breakpoints.css b/paragon/css/core/custom-media-breakpoints.css
index 8e5f012f..618d2523 100644
--- a/paragon/css/core/custom-media-breakpoints.css
+++ b/paragon/css/core/custom-media-breakpoints.css
@@ -1,6 +1,6 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 11:07:54 GMT
+ * Generated on Tue, 25 Jul 2023 11:17:09 GMT
  */
 
diff --git a/paragon/css/core/variables.css b/paragon/css/core/variables.css
index 049f766d..0dae4efb 100644
--- a/paragon/css/core/variables.css
+++ b/paragon/css/core/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 11:07:54 GMT
+ * Generated on Tue, 25 Jul 2023 11:17:09 GMT
  */
 
 :root {
diff --git a/paragon/css/themes/dark/variables.css b/paragon/css/themes/dark/variables.css
index 473bfdad..cbcd32b7 100644
--- a/paragon/css/themes/dark/variables.css
+++ b/paragon/css/themes/dark/variables.css
@@ -1,9 +1,10 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 11:07:54 GMT
+ * Generated on Tue, 25 Jul 2023 11:17:09 GMT
  */
 
 :root {
   --pgn-color-primary-base: #FF0000FF;
+  --pgn-color-300: #FF8080FF;
 }
diff --git a/paragon/css/themes/light/variables.css b/paragon/css/themes/light/variables.css
index 06a82b2a..0242f150 100644
--- a/paragon/css/themes/light/variables.css
+++ b/paragon/css/themes/light/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 11:07:54 GMT
+ * Generated on Tue, 25 Jul 2023 11:17:09 GMT
  */
 
 :root {
diff --git a/tokens/src/themes/dark/global/color.json b/tokens/src/themes/dark/global/color.json
index 121e1fd6..6e243080 100644
--- a/tokens/src/themes/dark/global/color.json
+++ b/tokens/src/themes/dark/global/color.json
@@ -2,6 +2,10 @@
   "color": {
     "primary": {
       "base": { "value": "red" }
+    },
+    "300": {
+      "value": "{color.primary.base}",
+      "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50"}]
     }
   }
 }