diff --git a/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx b/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx
index 40082925c6..92b449f705 100644
--- a/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx
+++ b/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx
@@ -80,7 +80,8 @@ const useStyles = makeStyles(
       backgroundColor: theme.palette.banner.error,
     },
     warning: {
-      backgroundColor: theme.palette.banner.warning,
+      backgroundColor:
+        theme.palette.banner.warning ?? theme.palette.banner.error,
     },
   }),
   { name: 'BackstageDismissableBanner' },
diff --git a/packages/theme/src/types.ts b/packages/theme/src/types.ts
index 40f45ee739..e1acba3a01 100644
--- a/packages/theme/src/types.ts
+++ b/packages/theme/src/types.ts
@@ -76,7 +76,7 @@ export type BackstagePaletteAdditions = {
     error: string;
     text: string;
     link: string;
-    warning: string;
+    warning?: string;
   };
 };