diff --git a/styles/css/themes/light/variables.css b/styles/css/themes/light/variables.css
index 1c150c9c8c..c1ca04083d 100644
--- a/styles/css/themes/light/variables.css
+++ b/styles/css/themes/light/variables.css
@@ -614,7 +614,6 @@
   --pgn-color-btn-disabled-border-inverse-outline-success: inherit;
   --pgn-color-btn-disabled-border-inverse-warning: #00000000;
   --pgn-color-card-base: inherit;
-  --pgn-color-code-base: #E83E8CFF;
   --pgn-color-form-control-label-base: inherit;
   --pgn-color-icon-button-bg-base: #00000000;
   --pgn-color-menu-item-bg: #00000000;
@@ -1231,6 +1230,7 @@
   --pgn-color-chip-border-focus-selected-light: var(--pgn-color-dark-500);
   --pgn-color-chip-label-base: var(--pgn-color-primary-700);
   --pgn-color-chip-label-dark: var(--pgn-color-chip-outline-dark);
+  --pgn-color-code-base: var(--pgn-color-brand-500);
   --pgn-color-data-table-bg-base: var(--pgn-color-bg-base);
   --pgn-color-data-table-border: var(--pgn-color-light-300);
   --pgn-color-dropdown-text: var(--pgn-color-body-base);
diff --git a/tokens/src/themes/light/components/Code.json b/tokens/src/themes/light/components/Code.json
index 07785b9754..a698fdf767 100644
--- a/tokens/src/themes/light/components/Code.json
+++ b/tokens/src/themes/light/components/Code.json
@@ -2,7 +2,7 @@
   "color": {
     "$type": "color",
     "code": {
-      "base": { "source": "$code-color", "$value": "#E83E8C" },
+      "base": { "source": "$code-color", "$value": "{color.brand.500}" },
       "kbd": {
         "base": { "source": "$kbd-color", "$value": "{color.white}" },
         "bg": { "source": "$kbd-bg", "$value": "{color.gray.700}" }