diff --git a/packages/theme/src/themes.ts b/packages/theme/src/themes.ts
index 5b233ac303..48142d48b9 100644
--- a/packages/theme/src/themes.ts
+++ b/packages/theme/src/themes.ts
@@ -48,6 +48,10 @@ export const lightTheme = createTheme({
       text: '#FFFFFF',
       link: '#000000',
     },
+    code: {
+      background: '#333333',
+      text: '#FFFFFF',
+    },
     border: '#E6E6E6',
     textContrast: '#000000',
     textVerySubtle: '#DDD',
@@ -110,6 +114,10 @@ export const darkTheme = createTheme({
       text: '#FFFFFF',
       link: '#000000',
     },
+    code: {
+      background: '#F8F8F8',
+      text: '#333333',
+    },
     border: '#E6E6E6',
     textContrast: '#FFFFFF',
     textVerySubtle: '#727272',
diff --git a/packages/theme/src/types.ts b/packages/theme/src/types.ts
index 5acc0f75e9..c87c5c26f4 100644
--- a/packages/theme/src/types.ts
+++ b/packages/theme/src/types.ts
@@ -69,6 +69,10 @@ type PaletteAdditions = {
     text: string;
     link: string;
   };
+  code: {
+    background: string;
+    text: string;
+  };
 };
 
 export type BackstagePalette = Palette & PaletteAdditions;