diff --git a/src/lib/theme/colors.ts b/src/lib/theme/colors.ts
index d6569bc5..fd05e5e7 100644
--- a/src/lib/theme/colors.ts
+++ b/src/lib/theme/colors.ts
@@ -32,6 +32,7 @@ export type Colors = {
   card: string
   shadow: string
   overlay: string
+  modalOverlay: string
 }
 
 const fallback: Colors = {
@@ -65,7 +66,8 @@ const fallback: Colors = {
   onToggle: palette.white,
   card: palette.emperorGray,
   shadow: palette.black20,
-  overlay: palette.black40
+  overlay: palette.black40,
+  modalOverlay: palette.black60
 }
 
 export default fallback
diff --git a/src/lib/theme/palette.ts b/src/lib/theme/palette.ts
index 59f1cab2..ed51cad1 100644
--- a/src/lib/theme/palette.ts
+++ b/src/lib/theme/palette.ts
@@ -29,6 +29,7 @@ export const palette = {
   emperorGray: '#36393b',
   codGray: '#434647',
   abbeyGray: '#525556',
+  black60: 'rgba(0, 0, 0, 0.6)',
   black50: 'rgba(0, 0, 0, 0.5)',
   black40: 'rgba(0, 0, 0, 0.4)',
   black30: 'rgba(0, 0, 0, 0.3)',