diff --git a/design-tokens/tokens/modes/dark.json b/design-tokens/tokens/modes/dark.json
index c4853f5d..253f4532 100644
--- a/design-tokens/tokens/modes/dark.json
+++ b/design-tokens/tokens/modes/dark.json
@@ -913,6 +913,62 @@
           }
         }
       },
+      "code": {
+        "background": {
+          "default": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.grey.500}"
+          },
+          "highlight": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.grey.600}"
+          }
+        },
+        "border": {
+          "default": {
+            "$type": "color",
+            "$value": "{echoes.color.roles.support.transparent}"
+          }
+        },
+        "text": {
+          "default": {
+            "$type": "color",
+            "$value": "#E2E7F1"
+          },
+          "highlight": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.red.300}"
+          },
+          "annotation": {
+            "$type": "color",
+            "$value": "#61AEEE"
+          },
+          "constant": {
+            "$type": "color",
+            "$value": "#D19A66"
+          },
+          "comment": {
+            "$type": "color",
+            "$value": "#A7ACB4"
+          },
+          "keyword": {
+            "$type": "color",
+            "$value": "#DF91F6"
+          },
+          "string": {
+            "$type": "color",
+            "$value": "#98C379"
+          },
+          "keyword-subtle": {
+            "$type": "color",
+            "$value": "#ABABFF"
+          },
+          "preprocessing-directive": {
+            "$type": "color",
+            "$value": "#78D779"
+          }
+        }
+      },
       "focus": {
         "default": {
           "$type": "color",
@@ -1018,4 +1074,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/design-tokens/tokens/modes/light.json b/design-tokens/tokens/modes/light.json
index be960cce..21f02643 100644
--- a/design-tokens/tokens/modes/light.json
+++ b/design-tokens/tokens/modes/light.json
@@ -673,6 +673,62 @@
           }
         }
       },
+      "code": {
+        "background": {
+          "default": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.grey.25}"
+          },
+          "highlight": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.grey.200}"
+          }
+        },
+        "border": {
+          "default": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.grey.100}"
+          }
+        },
+        "text": {
+          "default": {
+            "$type": "color",
+            "$value": "#383A42"
+          },
+          "highlight": {
+            "$type": "color",
+            "$value": "{echoes.color.palette.red.600}"
+          },
+          "annotation": {
+            "$type": "color",
+            "$value": "#235BD5"
+          },
+          "constant": {
+            "$type": "color",
+            "$value": "#875702"
+          },
+          "comment": {
+            "$type": "color",
+            "$value": "#5F6066"
+          },
+          "keyword": {
+            "$type": "color",
+            "$value": "#A222A0"
+          },
+          "string": {
+            "$type": "color",
+            "$value": "#247523"
+          },
+          "keyword-subtle": {
+            "$type": "color",
+            "$value": "#1E1EAD"
+          },
+          "preprocessing-directive": {
+            "$type": "color",
+            "$value": "#347235"
+          }
+        }
+      },
       "focus": {
         "default": {
           "$type": "color",
@@ -778,4 +834,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/generated/design-tokens-dark.css b/src/generated/design-tokens-dark.css
index 1b761b3c..e551916c 100644
--- a/src/generated/design-tokens-dark.css
+++ b/src/generated/design-tokens-dark.css
@@ -148,6 +148,18 @@ html[data-echoes-theme='dark'], [data-echoes-theme='dark'] {
   --echoes-color-border-warning-weak: #fadc7966;
   --echoes-color-border-info-weak: #8fcaea66;
   --echoes-color-border-emphasis-weak: #b790f766;
+  --echoes-color-code-background-default: #3e4357;
+  --echoes-color-code-background-highlight: #2a2f40;
+  --echoes-color-code-border-default: #00000000;
+  --echoes-color-code-text-default: #e2e7f1;
+  --echoes-color-code-text-highlight: #fda29b;
+  --echoes-color-code-text-annotation: #61aeee;
+  --echoes-color-code-text-constant: #d19a66;
+  --echoes-color-code-text-comment: #a7acb4;
+  --echoes-color-code-text-keyword: #df91f6;
+  --echoes-color-code-text-string: #98c379;
+  --echoes-color-code-text-keyword-subtle: #ababff;
+  --echoes-color-code-text-preprocessing-directive: #78d779;
   --echoes-color-focus-default: #bdc6ff;
   --echoes-box-shadow-xsmall: 0 1px 4px 0 #08090c66;
   --echoes-box-shadow-small: 0 1px 10px 0 #08090c66, 0 1px 3px 0 #08090c66;
diff --git a/src/generated/design-tokens-light.css b/src/generated/design-tokens-light.css
index e5979326..56a47181 100644
--- a/src/generated/design-tokens-light.css
+++ b/src/generated/design-tokens-light.css
@@ -148,6 +148,18 @@
   --echoes-color-border-warning-weak: #fef5d0;
   --echoes-color-border-info-weak: #e9f4fb;
   --echoes-color-border-emphasis-weak: #ede2ff;
+  --echoes-color-code-background-default: #fcfcfd;
+  --echoes-color-code-background-highlight: #c5cddf;
+  --echoes-color-code-border-default: #e1e6f3;
+  --echoes-color-code-text-default: #383a42;
+  --echoes-color-code-text-highlight: #d92d20;
+  --echoes-color-code-text-annotation: #235bd5;
+  --echoes-color-code-text-constant: #875702;
+  --echoes-color-code-text-comment: #5f6066;
+  --echoes-color-code-text-keyword: #a222a0;
+  --echoes-color-code-text-string: #247523;
+  --echoes-color-code-text-keyword-subtle: #1e1ead;
+  --echoes-color-code-text-preprocessing-directive: #347235;
   --echoes-color-focus-default: #4b56bb;
   --echoes-box-shadow-xsmall: 0 1px 02px 0 #0000000d;
   --echoes-box-shadow-small: 0 1px 25px 0 #1d212f0d, 0 1px 3px 0 #1d212f0d;
diff --git a/src/generated/design-tokens-themed.json b/src/generated/design-tokens-themed.json
index 8ecf56f6..9287e02e 100644
--- a/src/generated/design-tokens-themed.json
+++ b/src/generated/design-tokens-themed.json
@@ -126,6 +126,18 @@
   "echoes-color-border-warning-weak": "#fef5d0",
   "echoes-color-border-info-weak": "#e9f4fb",
   "echoes-color-border-emphasis-weak": "#ede2ff",
+  "echoes-color-code-background-default": "#fcfcfd",
+  "echoes-color-code-background-highlight": "#c5cddf",
+  "echoes-color-code-border-default": "#e1e6f3",
+  "echoes-color-code-text-default": "#383a42",
+  "echoes-color-code-text-highlight": "#d92d20",
+  "echoes-color-code-text-annotation": "#235bd5",
+  "echoes-color-code-text-constant": "#875702",
+  "echoes-color-code-text-comment": "#5f6066",
+  "echoes-color-code-text-keyword": "#a222a0",
+  "echoes-color-code-text-string": "#247523",
+  "echoes-color-code-text-keyword-subtle": "#1e1ead",
+  "echoes-color-code-text-preprocessing-directive": "#347235",
   "echoes-color-focus-default": "#4b56bb",
   "echoes-box-shadow-xsmall": "0 1px 02px 0 #0000000d",
   "echoes-box-shadow-small": "0 1px 25px 0 #1d212f0d, 0 1px 3px 0 #1d212f0d",