diff --git a/src/__integ__/__snapshots__/themes.test.ts.snap b/src/__integ__/__snapshots__/themes.test.ts.snap
index a79fc2ad95..85bae0905c 100644
--- a/src/__integ__/__snapshots__/themes.test.ts.snap
+++ b/src/__integ__/__snapshots__/themes.test.ts.snap
@@ -94,6 +94,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-background-notification-green": "#1d8102",
   "color-background-notification-grey": "#545b64",
   "color-background-notification-red": "#d13212",
+  "color-background-notification-severity-critical": "#870303",
+  "color-background-notification-severity-high": "#ce3311",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#687078",
   "color-background-notification-stack-bar": "#2a2e33",
   "color-background-notification-stack-bar-active": "#2a2e33",
   "color-background-notification-stack-bar-hover": "#545b64",
@@ -107,11 +112,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-background-segment-default": "#ffffff",
   "color-background-segment-disabled": "#ffffff",
   "color-background-segment-hover": "#ffffff",
-  "color-background-severity-critical": "#7d2105",
-  "color-background-severity-high": "#ba2e0f",
-  "color-background-severity-low": "#b2911c",
-  "color-background-severity-medium": "#cc5f21",
-  "color-background-severity-neutral": "#545b64",
   "color-background-slider-error-pressed": "#700000",
   "color-background-slider-handle-active": "#0a4a74",
   "color-background-slider-handle-default": "#0073bb",
@@ -429,6 +429,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-text-link-hover": "#0a4a74",
   "color-text-link-inverted-hover": "#fafafa",
   "color-text-notification-default": "#fafafa",
+  "color-text-notification-severity-critical": "#fafafa",
+  "color-text-notification-severity-high": "#fafafa",
+  "color-text-notification-severity-low": "#16191f",
+  "color-text-notification-severity-medium": "#000000",
+  "color-text-notification-severity-neutral": "#fafafa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#16191f",
   "color-text-pagination-page-number-active-disabled": "#545b64",
@@ -436,11 +441,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-text-segment-active": "#ffffff",
   "color-text-segment-default": "#545b64",
   "color-text-segment-hover": "#0073bb",
-  "color-text-severity-critical": "#fafafa",
-  "color-text-severity-high": "#fafafa",
-  "color-text-severity-low": "#16191f",
-  "color-text-severity-medium": "#000000",
-  "color-text-severity-neutral": "#fafafa",
   "color-text-small": "#687078",
   "color-text-status-error": "#d13212",
   "color-text-status-inactive": "#687078",
@@ -751,6 +751,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-background-notification-green": "#1d8102",
   "color-background-notification-grey": "#687078",
   "color-background-notification-red": "#d13212",
+  "color-background-notification-severity-critical": "#d63f38",
+  "color-background-notification-severity-high": "#fe6e73",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#687078",
   "color-background-notification-stack-bar": "#2a2e33",
   "color-background-notification-stack-bar-active": "#2a2e33",
   "color-background-notification-stack-bar-hover": "#545b64",
@@ -764,11 +769,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-background-segment-default": "#2a2e33",
   "color-background-segment-disabled": "#2a2e33",
   "color-background-segment-hover": "#2a2e33",
-  "color-background-severity-critical": "#d63f38",
-  "color-background-severity-high": "#fe6e73",
-  "color-background-severity-low": "#dfb52c",
-  "color-background-severity-medium": "#f89256",
-  "color-background-severity-neutral": "#687078",
   "color-background-slider-error-pressed": "#ff5d64",
   "color-background-slider-handle-active": "#44b9d6",
   "color-background-slider-handle-default": "#00a1c9",
@@ -1086,6 +1086,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-text-link-hover": "#99cbe4",
   "color-text-link-inverted-hover": "#fafafa",
   "color-text-notification-default": "#fafafa",
+  "color-text-notification-severity-critical": "#000000",
+  "color-text-notification-severity-high": "#16191f",
+  "color-text-notification-severity-low": "#16191f",
+  "color-text-notification-severity-medium": "#16191f",
+  "color-text-notification-severity-neutral": "#fafafa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#16191f",
   "color-text-pagination-page-number-active-disabled": "#d5dbdb",
@@ -1093,11 +1098,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-text-segment-active": "#1a2029",
   "color-text-segment-default": "#d5dbdb",
   "color-text-segment-hover": "#00a1c9",
-  "color-text-severity-critical": "#000000",
-  "color-text-severity-high": "#16191f",
-  "color-text-severity-low": "#16191f",
-  "color-text-severity-medium": "#16191f",
-  "color-text-severity-neutral": "#fafafa",
   "color-text-small": "#95a5a6",
   "color-text-status-error": "#ff5d64",
   "color-text-status-inactive": "#95a5a6",
@@ -1408,6 +1408,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-background-notification-green": "#1d8102",
   "color-background-notification-grey": "#545b64",
   "color-background-notification-red": "#d13212",
+  "color-background-notification-severity-critical": "#870303",
+  "color-background-notification-severity-high": "#ce3311",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#687078",
   "color-background-notification-stack-bar": "#2a2e33",
   "color-background-notification-stack-bar-active": "#2a2e33",
   "color-background-notification-stack-bar-hover": "#545b64",
@@ -1421,11 +1426,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-background-segment-default": "#ffffff",
   "color-background-segment-disabled": "#ffffff",
   "color-background-segment-hover": "#ffffff",
-  "color-background-severity-critical": "#7d2105",
-  "color-background-severity-high": "#ba2e0f",
-  "color-background-severity-low": "#b2911c",
-  "color-background-severity-medium": "#cc5f21",
-  "color-background-severity-neutral": "#545b64",
   "color-background-slider-error-pressed": "#700000",
   "color-background-slider-handle-active": "#0a4a74",
   "color-background-slider-handle-default": "#0073bb",
@@ -1743,6 +1743,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-text-link-hover": "#0a4a74",
   "color-text-link-inverted-hover": "#fafafa",
   "color-text-notification-default": "#fafafa",
+  "color-text-notification-severity-critical": "#fafafa",
+  "color-text-notification-severity-high": "#fafafa",
+  "color-text-notification-severity-low": "#16191f",
+  "color-text-notification-severity-medium": "#000000",
+  "color-text-notification-severity-neutral": "#fafafa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#16191f",
   "color-text-pagination-page-number-active-disabled": "#545b64",
@@ -1750,11 +1755,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-text-segment-active": "#ffffff",
   "color-text-segment-default": "#545b64",
   "color-text-segment-hover": "#0073bb",
-  "color-text-severity-critical": "#fafafa",
-  "color-text-severity-high": "#fafafa",
-  "color-text-severity-low": "#16191f",
-  "color-text-severity-medium": "#000000",
-  "color-text-severity-neutral": "#fafafa",
   "color-text-small": "#687078",
   "color-text-status-error": "#d13212",
   "color-text-status-inactive": "#687078",
@@ -2065,6 +2065,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-background-notification-green": "#1d8102",
   "color-background-notification-grey": "#545b64",
   "color-background-notification-red": "#d13212",
+  "color-background-notification-severity-critical": "#870303",
+  "color-background-notification-severity-high": "#ce3311",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#687078",
   "color-background-notification-stack-bar": "#2a2e33",
   "color-background-notification-stack-bar-active": "#2a2e33",
   "color-background-notification-stack-bar-hover": "#545b64",
@@ -2078,11 +2083,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-background-segment-default": "#ffffff",
   "color-background-segment-disabled": "#ffffff",
   "color-background-segment-hover": "#ffffff",
-  "color-background-severity-critical": "#7d2105",
-  "color-background-severity-high": "#ba2e0f",
-  "color-background-severity-low": "#b2911c",
-  "color-background-severity-medium": "#cc5f21",
-  "color-background-severity-neutral": "#545b64",
   "color-background-slider-error-pressed": "#700000",
   "color-background-slider-handle-active": "#0a4a74",
   "color-background-slider-handle-default": "#0073bb",
@@ -2400,6 +2400,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-text-link-hover": "#0a4a74",
   "color-text-link-inverted-hover": "#fafafa",
   "color-text-notification-default": "#fafafa",
+  "color-text-notification-severity-critical": "#fafafa",
+  "color-text-notification-severity-high": "#fafafa",
+  "color-text-notification-severity-low": "#16191f",
+  "color-text-notification-severity-medium": "#000000",
+  "color-text-notification-severity-neutral": "#fafafa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#16191f",
   "color-text-pagination-page-number-active-disabled": "#545b64",
@@ -2407,11 +2412,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-text-segment-active": "#ffffff",
   "color-text-segment-default": "#545b64",
   "color-text-segment-hover": "#0073bb",
-  "color-text-severity-critical": "#fafafa",
-  "color-text-severity-high": "#fafafa",
-  "color-text-severity-low": "#16191f",
-  "color-text-severity-medium": "#000000",
-  "color-text-severity-neutral": "#fafafa",
   "color-text-small": "#687078",
   "color-text-status-error": "#d13212",
   "color-text-status-inactive": "#687078",
@@ -2722,6 +2722,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-background-notification-green": "#00802f",
   "color-background-notification-grey": "#424650",
   "color-background-notification-red": "#db0000",
+  "color-background-notification-severity-critical": "#870303",
+  "color-background-notification-severity-high": "#ce3311",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#656871",
   "color-background-notification-stack-bar": "#232b37",
   "color-background-notification-stack-bar-active": "#232b37",
   "color-background-notification-stack-bar-hover": "#424650",
@@ -2735,11 +2740,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-background-segment-default": "#ffffff",
   "color-background-segment-disabled": "#ffffff",
   "color-background-segment-hover": "#ffffff",
-  "color-background-severity-critical": "#7d2105",
-  "color-background-severity-high": "#ba2e0f",
-  "color-background-severity-low": "#b2911c",
-  "color-background-severity-medium": "#cc5f21",
-  "color-background-severity-neutral": "#424650",
   "color-background-slider-error-pressed": "#700000",
   "color-background-slider-handle-active": "#004a9e",
   "color-background-slider-handle-default": "#006ce0",
@@ -3057,6 +3057,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-text-link-hover": "#002b66",
   "color-text-link-inverted-hover": "#ffffff",
   "color-text-notification-default": "#f9f9fa",
+  "color-text-notification-severity-critical": "#f9f9fa",
+  "color-text-notification-severity-high": "#f9f9fa",
+  "color-text-notification-severity-low": "#0f141a",
+  "color-text-notification-severity-medium": "#0f141a",
+  "color-text-notification-severity-neutral": "#f9f9fa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#0f141a",
   "color-text-pagination-page-number-active-disabled": "#b4b4bb",
@@ -3064,11 +3069,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-text-segment-active": "#ffffff",
   "color-text-segment-default": "#424650",
   "color-text-segment-hover": "#006ce0",
-  "color-text-severity-critical": "#f9f9fa",
-  "color-text-severity-high": "#f9f9fa",
-  "color-text-severity-low": "#0f141a",
-  "color-text-severity-medium": "#0f141a",
-  "color-text-severity-neutral": "#f9f9fa",
   "color-text-small": "#656871",
   "color-text-status-error": "#db0000",
   "color-text-status-inactive": "#656871",
@@ -3379,6 +3379,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-notification-green": "#00802f",
   "color-background-notification-grey": "#424650",
   "color-background-notification-red": "#db0000",
+  "color-background-notification-severity-critical": "#870303",
+  "color-background-notification-severity-high": "#ce3311",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#656871",
   "color-background-notification-stack-bar": "#232b37",
   "color-background-notification-stack-bar-active": "#232b37",
   "color-background-notification-stack-bar-hover": "#424650",
@@ -3392,11 +3397,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-segment-default": "#ffffff",
   "color-background-segment-disabled": "#ffffff",
   "color-background-segment-hover": "#ffffff",
-  "color-background-severity-critical": "#7d2105",
-  "color-background-severity-high": "#ba2e0f",
-  "color-background-severity-low": "#b2911c",
-  "color-background-severity-medium": "#cc5f21",
-  "color-background-severity-neutral": "#424650",
   "color-background-slider-error-pressed": "#700000",
   "color-background-slider-handle-active": "#004a9e",
   "color-background-slider-handle-default": "#006ce0",
@@ -3714,6 +3714,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-link-hover": "#002b66",
   "color-text-link-inverted-hover": "#ffffff",
   "color-text-notification-default": "#f9f9fa",
+  "color-text-notification-severity-critical": "#f9f9fa",
+  "color-text-notification-severity-high": "#f9f9fa",
+  "color-text-notification-severity-low": "#0f141a",
+  "color-text-notification-severity-medium": "#0f141a",
+  "color-text-notification-severity-neutral": "#f9f9fa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#0f141a",
   "color-text-pagination-page-number-active-disabled": "#b4b4bb",
@@ -3721,11 +3726,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-segment-active": "#ffffff",
   "color-text-segment-default": "#424650",
   "color-text-segment-hover": "#006ce0",
-  "color-text-severity-critical": "#f9f9fa",
-  "color-text-severity-high": "#f9f9fa",
-  "color-text-severity-low": "#0f141a",
-  "color-text-severity-medium": "#0f141a",
-  "color-text-severity-neutral": "#f9f9fa",
   "color-text-small": "#656871",
   "color-text-status-error": "#db0000",
   "color-text-status-inactive": "#656871",
@@ -4036,6 +4036,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-notification-green": "#00802f",
   "color-background-notification-grey": "#656871",
   "color-background-notification-red": "#db0000",
+  "color-background-notification-severity-critical": "#870303",
+  "color-background-notification-severity-high": "#ce3311",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#656871",
   "color-background-notification-stack-bar": "#232b37",
   "color-background-notification-stack-bar-active": "#232b37",
   "color-background-notification-stack-bar-hover": "#424650",
@@ -4049,11 +4054,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-segment-default": "#0f141a",
   "color-background-segment-disabled": "#0f141a",
   "color-background-segment-hover": "#0f141a",
-  "color-background-severity-critical": "#7d2105",
-  "color-background-severity-high": "#ba2e0f",
-  "color-background-severity-low": "#b2911c",
-  "color-background-severity-medium": "#cc5f21",
-  "color-background-severity-neutral": "#656871",
   "color-background-slider-error-pressed": "#ff7a7a",
   "color-background-slider-handle-active": "#75cfff",
   "color-background-slider-handle-default": "#42b4ff",
@@ -4371,6 +4371,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-link-hover": "#75cfff",
   "color-text-link-inverted-hover": "#ffffff",
   "color-text-notification-default": "#f9f9fa",
+  "color-text-notification-severity-critical": "#f9f9fa",
+  "color-text-notification-severity-high": "#f9f9fa",
+  "color-text-notification-severity-low": "#0f141a",
+  "color-text-notification-severity-medium": "#0f141a",
+  "color-text-notification-severity-neutral": "#f9f9fa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#0f141a",
   "color-text-pagination-page-number-active-disabled": "#656871",
@@ -4378,11 +4383,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-segment-active": "#0f141a",
   "color-text-segment-default": "#dedee3",
   "color-text-segment-hover": "#42b4ff",
-  "color-text-severity-critical": "#000000",
-  "color-text-severity-high": "#0f141a",
-  "color-text-severity-low": "#0f141a",
-  "color-text-severity-medium": "#0f141a",
-  "color-text-severity-neutral": "#f9f9fa",
   "color-text-small": "#a4a4ad",
   "color-text-status-error": "#ff7a7a",
   "color-text-status-inactive": "#a4a4ad",
@@ -4693,6 +4693,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-notification-green": "#00802f",
   "color-background-notification-grey": "#656871",
   "color-background-notification-red": "#db0000",
+  "color-background-notification-severity-critical": "#d63f38",
+  "color-background-notification-severity-high": "#fe6e73",
+  "color-background-notification-severity-low": "#f2cd54",
+  "color-background-notification-severity-medium": "#f89256",
+  "color-background-notification-severity-neutral": "#656871",
   "color-background-notification-stack-bar": "#232b37",
   "color-background-notification-stack-bar-active": "#232b37",
   "color-background-notification-stack-bar-hover": "#424650",
@@ -4706,11 +4711,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-segment-default": "#161d26",
   "color-background-segment-disabled": "#161d26",
   "color-background-segment-hover": "#161d26",
-  "color-background-severity-critical": "#d63f38",
-  "color-background-severity-high": "#fe6e73",
-  "color-background-severity-low": "#dfb52c",
-  "color-background-severity-medium": "#f89256",
-  "color-background-severity-neutral": "#656871",
   "color-background-slider-error-pressed": "#ff7a7a",
   "color-background-slider-handle-active": "#75cfff",
   "color-background-slider-handle-default": "#42b4ff",
@@ -5028,6 +5028,11 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-link-hover": "#75cfff",
   "color-text-link-inverted-hover": "#ffffff",
   "color-text-notification-default": "#f9f9fa",
+  "color-text-notification-severity-critical": "#000000",
+  "color-text-notification-severity-high": "#0f141a",
+  "color-text-notification-severity-low": "#0f141a",
+  "color-text-notification-severity-medium": "#0f141a",
+  "color-text-notification-severity-neutral": "#f9f9fa",
   "color-text-notification-stack-bar": "#ffffff",
   "color-text-notification-yellow": "#0f141a",
   "color-text-pagination-page-number-active-disabled": "#656871",
@@ -5035,11 +5040,6 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-segment-active": "#0f141a",
   "color-text-segment-default": "#dedee3",
   "color-text-segment-hover": "#42b4ff",
-  "color-text-severity-critical": "#000000",
-  "color-text-severity-high": "#0f141a",
-  "color-text-severity-low": "#0f141a",
-  "color-text-severity-medium": "#0f141a",
-  "color-text-severity-neutral": "#f9f9fa",
   "color-text-small": "#a4a4ad",
   "color-text-status-error": "#ff7a7a",
   "color-text-status-inactive": "#a4a4ad",
diff --git a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap
index eb648ef55b..eab495412b 100644
--- a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap
+++ b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap
@@ -332,6 +332,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#d13212",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#687078",
+            "light": "#687078",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -2033,6 +2068,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#fafafa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#16191f",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#000000",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#fafafa",
+            "light": "#fafafa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -2771,6 +2841,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#d13212",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#687078",
+            "light": "#687078",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -4472,6 +4577,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#fafafa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#16191f",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#000000",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#fafafa",
+            "light": "#fafafa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -5210,6 +5350,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#d13212",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#687078",
+            "light": "#687078",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -6911,6 +7086,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#fafafa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#16191f",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#000000",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#fafafa",
+            "light": "#fafafa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -7649,6 +7859,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#d13212",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#687078",
+            "light": "#687078",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -9350,6 +9595,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#fafafa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#16191f",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#000000",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#fafafa",
+            "light": "#fafafa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -10088,6 +10368,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#d13212",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#687078",
+            "light": "#687078",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -11789,6 +12104,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#16191f",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#16191f",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#000000",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#fafafa",
+            "light": "#fafafa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -12527,6 +12877,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#d13212",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#687078",
+            "light": "#687078",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -14228,6 +14613,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
             "light": "#fafafa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#fafafa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#16191f",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#16191f",
+            "light": "#000000",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#fafafa",
+            "light": "#fafafa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -14966,6 +15386,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
         "light": "#d13212",
       },
     },
+    "color-background-notification-severity-critical": {
+      "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+      "$value": {
+        "dark": "#d63f38",
+        "light": "#870303",
+      },
+    },
+    "color-background-notification-severity-high": {
+      "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+      "$value": {
+        "dark": "#fe6e73",
+        "light": "#ce3311",
+      },
+    },
+    "color-background-notification-severity-low": {
+      "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+      "$value": {
+        "dark": "#f2cd54",
+        "light": "#f2cd54",
+      },
+    },
+    "color-background-notification-severity-medium": {
+      "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+      "$value": {
+        "dark": "#f89256",
+        "light": "#f89256",
+      },
+    },
+    "color-background-notification-severity-neutral": {
+      "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+      "$value": {
+        "dark": "#687078",
+        "light": "#687078",
+      },
+    },
     "color-background-notification-yellow": {
       "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
       "$value": {
@@ -16667,6 +17122,41 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap
         "light": "#fafafa",
       },
     },
+    "color-text-notification-severity-critical": {
+      "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+      "$value": {
+        "dark": "#000000",
+        "light": "#fafafa",
+      },
+    },
+    "color-text-notification-severity-high": {
+      "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+      "$value": {
+        "dark": "#16191f",
+        "light": "#fafafa",
+      },
+    },
+    "color-text-notification-severity-low": {
+      "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+      "$value": {
+        "dark": "#16191f",
+        "light": "#16191f",
+      },
+    },
+    "color-text-notification-severity-medium": {
+      "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+      "$value": {
+        "dark": "#16191f",
+        "light": "#000000",
+      },
+    },
+    "color-text-notification-severity-neutral": {
+      "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+      "$value": {
+        "dark": "#fafafa",
+        "light": "#fafafa",
+      },
+    },
     "color-text-segment-active": {
       "$description": "The text color of the active segment in a segmented control.",
       "$value": {
@@ -17410,6 +17900,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -19111,6 +19636,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#f9f9fa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -19849,6 +20409,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -21550,6 +22145,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#f9f9fa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -22288,6 +22918,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -23989,6 +24654,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#f9f9fa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -24727,6 +25427,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -26428,6 +27163,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#f9f9fa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -27166,6 +27936,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -28867,6 +29672,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#0f141a",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -29605,6 +30445,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -31306,6 +32181,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#f9f9fa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -32044,6 +32954,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#db0000",
           },
         },
+        "color-background-notification-severity-critical": {
+          "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#d63f38",
+            "light": "#870303",
+          },
+        },
+        "color-background-notification-severity-high": {
+          "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#fe6e73",
+            "light": "#ce3311",
+          },
+        },
+        "color-background-notification-severity-low": {
+          "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#f2cd54",
+            "light": "#f2cd54",
+          },
+        },
+        "color-background-notification-severity-medium": {
+          "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#f89256",
+            "light": "#f89256",
+          },
+        },
+        "color-background-notification-severity-neutral": {
+          "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#656871",
+            "light": "#656871",
+          },
+        },
         "color-background-notification-yellow": {
           "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
           "$value": {
@@ -33745,6 +34690,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
             "light": "#f9f9fa",
           },
         },
+        "color-text-notification-severity-critical": {
+          "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+          "$value": {
+            "dark": "#000000",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-high": {
+          "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#f9f9fa",
+          },
+        },
+        "color-text-notification-severity-low": {
+          "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-medium": {
+          "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+          "$value": {
+            "dark": "#0f141a",
+            "light": "#0f141a",
+          },
+        },
+        "color-text-notification-severity-neutral": {
+          "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+          "$value": {
+            "dark": "#f9f9fa",
+            "light": "#f9f9fa",
+          },
+        },
         "color-text-segment-active": {
           "$description": "The text color of the active segment in a segmented control.",
           "$value": {
@@ -34483,6 +35463,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
         "light": "#db0000",
       },
     },
+    "color-background-notification-severity-critical": {
+      "$description": "Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+      "$value": {
+        "dark": "#d63f38",
+        "light": "#870303",
+      },
+    },
+    "color-background-notification-severity-high": {
+      "$description": "Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+      "$value": {
+        "dark": "#fe6e73",
+        "light": "#ce3311",
+      },
+    },
+    "color-background-notification-severity-low": {
+      "$description": "Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+      "$value": {
+        "dark": "#f2cd54",
+        "light": "#f2cd54",
+      },
+    },
+    "color-background-notification-severity-medium": {
+      "$description": "Background color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+      "$value": {
+        "dark": "#f89256",
+        "light": "#f89256",
+      },
+    },
+    "color-background-notification-severity-neutral": {
+      "$description": "Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+      "$value": {
+        "dark": "#656871",
+        "light": "#656871",
+      },
+    },
     "color-background-notification-yellow": {
       "$description": "Background color for yellow notifications. For example: yellow badges and warning flash messages.",
       "$value": {
@@ -36184,6 +37199,41 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
         "light": "#f9f9fa",
       },
     },
+    "color-text-notification-severity-critical": {
+      "$description": "Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"",
+      "$value": {
+        "dark": "#000000",
+        "light": "#f9f9fa",
+      },
+    },
+    "color-text-notification-severity-high": {
+      "$description": "Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"",
+      "$value": {
+        "dark": "#0f141a",
+        "light": "#f9f9fa",
+      },
+    },
+    "color-text-notification-severity-low": {
+      "$description": "Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"",
+      "$value": {
+        "dark": "#0f141a",
+        "light": "#0f141a",
+      },
+    },
+    "color-text-notification-severity-medium": {
+      "$description": "Text color in a notification to represent a medium-level of severity. For example: "Sev-3"",
+      "$value": {
+        "dark": "#0f141a",
+        "light": "#0f141a",
+      },
+    },
+    "color-text-notification-severity-neutral": {
+      "$description": "Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"",
+      "$value": {
+        "dark": "#f9f9fa",
+        "light": "#f9f9fa",
+      },
+    },
     "color-text-segment-active": {
       "$description": "The text color of the active segment in a segmented control.",
       "$value": {
diff --git a/src/badge/styles.scss b/src/badge/styles.scss
index 6e95e30f44..a2a56391d9 100644
--- a/src/badge/styles.scss
+++ b/src/badge/styles.scss
@@ -37,27 +37,27 @@
   }
 
   &.badge-color-severity-critical {
-    background-color: awsui.$color-background-severity-critical;
-    color: awsui.$color-text-severity-critical;
+    background-color: awsui.$color-background-notification-severity-critical;
+    color: awsui.$color-text-notification-severity-critical;
   }
 
   &.badge-color-severity-high {
-    background-color: awsui.$color-background-severity-high;
-    color: awsui.$color-text-severity-high;
+    background-color: awsui.$color-background-notification-severity-high;
+    color: awsui.$color-text-notification-severity-high;
   }
 
   &.badge-color-severity-medium {
-    background-color: awsui.$color-background-severity-medium;
-    color: awsui.$color-text-severity-medium;
+    background-color: awsui.$color-background-notification-severity-medium;
+    color: awsui.$color-text-notification-severity-medium;
   }
 
   &.badge-color-severity-low {
-    background-color: awsui.$color-background-severity-low;
-    color: awsui.$color-text-severity-low;
+    background-color: awsui.$color-background-notification-severity-low;
+    color: awsui.$color-text-notification-severity-low;
   }
 
   &.badge-color-severity-neutral {
-    background-color: awsui.$color-background-severity-neutral;
-    color: awsui.$color-text-severity-neutral;
+    background-color: awsui.$color-background-notification-severity-neutral;
+    color: awsui.$color-text-notification-severity-neutral;
   }
 }
diff --git a/style-dictionary/classic/color-severity.ts b/style-dictionary/classic/color-severity.ts
new file mode 100644
index 0000000000..2243fbd7b9
--- /dev/null
+++ b/style-dictionary/classic/color-severity.ts
@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import merge from 'lodash/merge';
+
+import { expandColorDictionary } from '../utils';
+import { StyleDictionary } from '../utils/interfaces';
+import { tokens as parentTokens } from '../visual-refresh/color-severity';
+
+const tokens: StyleDictionary.ColorSeverityDictionary = {
+  colorTextNotificationSeverityMedium: { light: '{colorBlack}', dark: '{colorGrey900}' },
+};
+
+const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = merge(
+  {},
+  parentTokens,
+  expandColorDictionary(tokens)
+);
+export { expandedTokens as tokens };
+export const mode: StyleDictionary.ModeIdentifier = 'color';
diff --git a/style-dictionary/classic/colors.ts b/style-dictionary/classic/colors.ts
index 0063d19745..d0ccf2089e 100644
--- a/style-dictionary/classic/colors.ts
+++ b/style-dictionary/classic/colors.ts
@@ -148,7 +148,6 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorDragPlaceholderActive: { light: '{colorGrey300}', dark: '{colorGrey550}' },
   colorDragPlaceholderHover: { light: '{colorBlue300}', dark: '{colorBlue600}' },
   colorBackgroundDropdownItemHover: { light: '{colorGrey150}', dark: '{colorGrey650}' },
-  colorTextSeverityMedium: { light: '{colorBlack}', dark: '{colorGrey900}' },
 };
 
 const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = merge(
diff --git a/style-dictionary/classic/index.ts b/style-dictionary/classic/index.ts
index 942a3baa6b..af713b4207 100644
--- a/style-dictionary/classic/index.ts
+++ b/style-dictionary/classic/index.ts
@@ -21,6 +21,7 @@ const modes = [
 const tokenCategories = [
   require('./color-palette'),
   require('./color-charts'),
+  require('./color-severity'),
   require('./colors'),
   require('./typography'),
   require('./borders'),
diff --git a/style-dictionary/utils/interfaces.ts b/style-dictionary/utils/interfaces.ts
index d859c16726..d831c03a0d 100644
--- a/style-dictionary/utils/interfaces.ts
+++ b/style-dictionary/utils/interfaces.ts
@@ -7,6 +7,7 @@ import {
   ColorChartsTokenName,
   ColorPaletteTokenName,
   ColorScopeTokenName,
+  ColorSeverityTokenName,
   ColorsTokenName,
   DensityScopeTokenName,
   GlobalScopeTokenName,
@@ -47,6 +48,7 @@ export namespace StyleDictionary {
   export type TypographyDictionary = Partial<TokenCategory<TypographyTokenName, GlobalEntry>>;
   export type BordersDictionary = Partial<TokenCategory<BordersTokenName, GlobalEntry>>;
   export type ColorChartsDictionary = Partial<TokenCategory<ColorChartsTokenName, ColorModeEntry>>;
+  export type ColorSeverityDictionary = Partial<TokenCategory<ColorSeverityTokenName, ColorModeEntry>>;
   export type ColorsDictionary = Partial<TokenCategory<ColorsTokenName, ColorModeEntry>>;
   export type ShadowsDictionary = Partial<TokenCategory<ShadowsTokenName, ColorModeEntry>>;
 
diff --git a/style-dictionary/utils/token-names.ts b/style-dictionary/utils/token-names.ts
index 111767518f..71d070b377 100644
--- a/style-dictionary/utils/token-names.ts
+++ b/style-dictionary/utils/token-names.ts
@@ -210,6 +210,22 @@ export type ColorChartsTokenName =
   | 'colorChartsPaletteCategorical48'
   | 'colorChartsPaletteCategorical49'
   | 'colorChartsPaletteCategorical50';
+export type ColorSeverityTokenName =
+  | 'colorSeverityDarkRed'
+  | 'colorSeverityRed'
+  | 'colorSeverityOrange'
+  | 'colorSeverityYellow'
+  | 'colorSeverityGrey'
+  | 'colorBackgroundNotificationSeverityCritical'
+  | 'colorBackgroundNotificationSeverityHigh'
+  | 'colorBackgroundNotificationSeverityMedium'
+  | 'colorBackgroundNotificationSeverityLow'
+  | 'colorBackgroundNotificationSeverityNeutral'
+  | 'colorTextNotificationSeverityCritical'
+  | 'colorTextNotificationSeverityHigh'
+  | 'colorTextNotificationSeverityMedium'
+  | 'colorTextNotificationSeverityLow'
+  | 'colorTextNotificationSeverityNeutral';
 export type ColorsTokenName =
   | 'colorGreyOpaque10'
   | 'colorGreyOpaque25'
@@ -472,17 +488,7 @@ export type ColorsTokenName =
   | 'colorDropzoneTextDefault'
   | 'colorDropzoneTextHover'
   | 'colorDropzoneBorderDefault'
-  | 'colorDropzoneBorderHover'
-  | 'colorBackgroundSeverityCritical'
-  | 'colorTextSeverityCritical'
-  | 'colorBackgroundSeverityHigh'
-  | 'colorTextSeverityHigh'
-  | 'colorBackgroundSeverityMedium'
-  | 'colorTextSeverityMedium'
-  | 'colorBackgroundSeverityLow'
-  | 'colorTextSeverityLow'
-  | 'colorBackgroundSeverityNeutral'
-  | 'colorTextSeverityNeutral';
+  | 'colorDropzoneBorderHover';
 export type TypographyTokenName =
   | 'fontBoxValueLargeWeight'
   | 'fontButtonLetterSpacing'
@@ -744,7 +750,7 @@ export type ShadowsTokenName =
   | 'shadowStickyColumnLast';
 
 export type GlobalScopeTokenName = ColorPaletteTokenName | TypographyTokenName | BordersTokenName;
-export type ColorScopeTokenName = ColorChartsTokenName | ColorsTokenName | ShadowsTokenName;
+export type ColorScopeTokenName = ColorChartsTokenName | ColorsTokenName | ShadowsTokenName | ColorSeverityTokenName;
 export type MotionScopeTokenName = MotionTokenName;
 export type DensityScopeTokenName = SizesTokenName | SpacingTokenName;
 
diff --git a/style-dictionary/visual-refresh/color-severity.ts b/style-dictionary/visual-refresh/color-severity.ts
new file mode 100644
index 0000000000..c36c8bb8a7
--- /dev/null
+++ b/style-dictionary/visual-refresh/color-severity.ts
@@ -0,0 +1,30 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { expandColorDictionary } from '../utils';
+import { StyleDictionary } from '../utils/interfaces';
+
+const tokens: StyleDictionary.ColorSeverityDictionary = {
+  // note: these should not be used directly. Instead, use the semantic tokens defined below.
+  colorSeverityDarkRed: { light: '#870303', dark: '#d63f38' },
+  colorSeverityRed: { light: '#ce3311', dark: '#fe6e73' },
+  colorSeverityOrange: { light: '#f89256', dark: '#f89256' },
+  colorSeverityYellow: { light: '#f2cd54', dark: '#f2cd54' },
+  colorSeverityGrey: '{colorGrey550}',
+
+  colorBackgroundNotificationSeverityCritical: '{colorSeverityDarkRed}',
+  colorBackgroundNotificationSeverityHigh: '{colorSeverityRed}',
+  colorBackgroundNotificationSeverityMedium: '{colorSeverityOrange}',
+  colorBackgroundNotificationSeverityLow: '{colorSeverityYellow}',
+  colorBackgroundNotificationSeverityNeutral: '{colorSeverityGrey}',
+
+  colorTextNotificationSeverityCritical: { light: '{colorGrey100}', dark: '{colorBlack}' },
+  colorTextNotificationSeverityHigh: { light: '{colorGrey100}', dark: '{colorGrey900}' },
+  colorTextNotificationSeverityMedium: '{colorGrey900}',
+  colorTextNotificationSeverityLow: '{colorGrey900}',
+  colorTextNotificationSeverityNeutral: '{colorGrey100}',
+};
+
+const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = expandColorDictionary(tokens);
+
+export { expandedTokens as tokens };
+export const mode: StyleDictionary.ModeIdentifier = 'color';
diff --git a/style-dictionary/visual-refresh/colors.ts b/style-dictionary/visual-refresh/colors.ts
index 79ee099c9f..42a697282e 100644
--- a/style-dictionary/visual-refresh/colors.ts
+++ b/style-dictionary/visual-refresh/colors.ts
@@ -268,16 +268,6 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorDropzoneTextHover: { light: '{colorGrey600}', dark: '{colorGrey350}' },
   colorDropzoneBorderDefault: { light: '{colorGrey500}', dark: '{colorGrey550}' },
   colorDropzoneBorderHover: { light: '{colorBlue800}', dark: '{colorBlue400}' },
-  colorBackgroundSeverityCritical: '{colorChartsStatusCritical}',
-  colorTextSeverityCritical: { light: '{colorGrey100}', dark: '{colorBlack}' },
-  colorBackgroundSeverityHigh: '{colorChartsStatusHigh}',
-  colorTextSeverityHigh: { light: '{colorGrey100}', dark: '{colorGrey900}' },
-  colorBackgroundSeverityMedium: '{colorChartsStatusMedium}',
-  colorTextSeverityMedium: '{colorGrey900}',
-  colorBackgroundSeverityLow: '{colorChartsStatusLow}',
-  colorTextSeverityLow: '{colorGrey900}',
-  colorBackgroundSeverityNeutral: { light: '{colorGrey600}', dark: '{colorGrey550}' },
-  colorTextSeverityNeutral: '{colorGrey100}',
 };
 
 const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = expandColorDictionary(tokens);
diff --git a/style-dictionary/visual-refresh/index.ts b/style-dictionary/visual-refresh/index.ts
index 60788b6d18..5123927d71 100644
--- a/style-dictionary/visual-refresh/index.ts
+++ b/style-dictionary/visual-refresh/index.ts
@@ -22,6 +22,7 @@ const modes = [
 const tokenCategories = [
   require('./color-palette'),
   require('./color-charts'),
+  require('./color-severity'),
   require('./colors'),
   require('./typography'),
   require('./borders'),
diff --git a/style-dictionary/visual-refresh/metadata/color-severity.ts b/style-dictionary/visual-refresh/metadata/color-severity.ts
new file mode 100644
index 0000000000..a336725b37
--- /dev/null
+++ b/style-dictionary/visual-refresh/metadata/color-severity.ts
@@ -0,0 +1,66 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { StyleDictionary } from '../../utils/interfaces';
+
+const metadata: StyleDictionary.MetadataIndex = {
+  colorBackgroundNotificationSeverityCritical: {
+    description:
+      'Background color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"',
+    public: true,
+    themeable: true,
+  },
+  colorBackgroundNotificationSeverityHigh: {
+    description:
+      'Background color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"',
+    public: true,
+    themeable: true,
+  },
+  colorBackgroundNotificationSeverityMedium: {
+    description: 'Background color in a notification to represent a medium-level of severity. For example: "Sev-3"',
+    public: true,
+    themeable: true,
+  },
+  colorBackgroundNotificationSeverityLow: {
+    description:
+      'Background color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"',
+    public: true,
+    themeable: true,
+  },
+  colorBackgroundNotificationSeverityNeutral: {
+    description:
+      'Background color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"',
+    public: true,
+    themeable: true,
+  },
+  colorTextNotificationSeverityCritical: {
+    description:
+      'Text color in a notification to represent a critical error or a critically high-level of severity. For example: "Sev-1"',
+    public: true,
+    themeable: true,
+  },
+  colorTextNotificationSeverityHigh: {
+    description:
+      'Text color in a notification to represent an error status or a high-level of severity. For example: "Failed" or "Sev-2"',
+    public: true,
+    themeable: true,
+  },
+  colorTextNotificationSeverityMedium: {
+    description: 'Text color in a notification to represent a medium-level of severity. For example: "Sev-3"',
+    public: true,
+    themeable: true,
+  },
+  colorTextNotificationSeverityLow: {
+    description:
+      'Text color in a notification to represent a warning or a low-level of severity. For example: "Warning" or "Sev-4"',
+    public: true,
+    themeable: true,
+  },
+  colorTextNotificationSeverityNeutral: {
+    description:
+      'Text color in a notification to represent a neutral status, a severity level of no impact, or the lowest-level of severity. For example: "Pending" or "Sev-5"',
+    public: true,
+    themeable: true,
+  },
+};
+
+export default metadata;
diff --git a/style-dictionary/visual-refresh/metadata/index.ts b/style-dictionary/visual-refresh/metadata/index.ts
index 6eed5ebb4a..0fa23aa39b 100644
--- a/style-dictionary/visual-refresh/metadata/index.ts
+++ b/style-dictionary/visual-refresh/metadata/index.ts
@@ -9,6 +9,7 @@ import theme from '../index';
 import borders from './borders';
 import colorCharts from './color-charts';
 import colorPalette from './color-palette';
+import colorSeverity from './color-severity';
 import colors from './colors';
 import motion from './motion';
 import shadows from './shadows';
@@ -19,6 +20,19 @@ import typography from './typography';
 const allTokens = mapValues(theme.tokens, () => ({}));
 
 const metadata: StyleDictionary.MetadataIndex = expandMetadata(
-  merge({}, allTokens, borders, colorCharts, colorPalette, colors, motion, shadows, sizes, spacing, typography)
+  merge(
+    {},
+    allTokens,
+    borders,
+    colorCharts,
+    colorSeverity,
+    colorPalette,
+    colors,
+    motion,
+    shadows,
+    sizes,
+    spacing,
+    typography
+  )
 );
 export default metadata;