diff --git a/src/app/content/components/BookBanner.tsx b/src/app/content/components/BookBanner.tsx
index ba4a9791bf..6f7be2e114 100644
--- a/src/app/content/components/BookBanner.tsx
+++ b/src/app/content/components/BookBanner.tsx
@@ -32,6 +32,7 @@ const gradients: {[key in BookWithOSWebData['theme']]: string} = {
   'gray': '#97999b',
   'green': '#9cd14a',
   'light-blue': '#1EE1F0',
+  'midnight': '#003e52',
   'orange': '#FAA461',
   'red': '#E34361',
   'yellow': '#faea36',
diff --git a/src/app/content/types.ts b/src/app/content/types.ts
index df89cf42e5..2b00e46664 100644
--- a/src/app/content/types.ts
+++ b/src/app/content/types.ts
@@ -73,7 +73,7 @@ export interface PageReference {
 
 export interface BookWithOSWebData extends VersionedArchiveBookWithConfig {
   book_state: 'coming_soon' | 'deprecated' | 'live' | 'new_edition_available' | 'retired';
-  theme: 'blue' | 'green' | 'gray' | 'yellow' | 'deep-green' | 'light-blue' | 'orange' | 'red';
+  theme: 'blue' | 'green' | 'gray' | 'yellow' | 'deep-green' | 'light-blue' | 'midnight' | 'orange' | 'red';
   slug: string;
   promote_image: null | {
     id: number;
diff --git a/src/app/theme.ts b/src/app/theme.ts
index a53b137f7e..a4d0a51794 100644
--- a/src/app/theme.ts
+++ b/src/app/theme.ts
@@ -90,6 +90,11 @@ const color = {
       foreground: textColors.black,
       foregroundHover: greyColors.light,
     },
+    'midnight': {
+      base: '#003e52',
+      foreground: textColors.white,
+      foregroundHover: greyColors.darker,
+    },
     'orange': {
       base: '#d4450c',
       darker: '#be3c08',