diff --git a/.devops/migrator/src/scripts/api-server-pg/2026.02.12T17.20.25.add_sepia.sql b/.devops/migrator/src/scripts/api-server-pg/2026.02.12T17.20.25.add_sepia.sql
new file mode 100644
index 00000000..51c83597
--- /dev/null
+++ b/.devops/migrator/src/scripts/api-server-pg/2026.02.12T17.20.25.add_sepia.sql
@@ -0,0 +1,5 @@
+ALTER TABLE user_management_service.user_interface_settings
+ADD COLUMN moderator_safety_sepia boolean;
+
+ALTER TABLE user_management_service.org_default_user_interface_settings
+ADD COLUMN moderator_safety_sepia boolean NOT NULL DEFAULT false;
diff --git a/client/src/graphql/generated.ts b/client/src/graphql/generated.ts
index 99eaa93d..b70b712a 100644
--- a/client/src/graphql/generated.ts
+++ b/client/src/graphql/generated.ts
@@ -2095,6 +2095,7 @@ export type GQLModeratorSafetySettingsInput = {
   readonly moderatorSafetyBlurLevel: Scalars['Int'];
   readonly moderatorSafetyGrayscale: Scalars['Boolean'];
   readonly moderatorSafetyMuteVideo: Scalars['Boolean'];
+  readonly moderatorSafetySepia: Scalars['Boolean'];
 };
 
 export type GQLMrtJobEnqueueSourceInfo = {
@@ -4473,6 +4474,7 @@ export type GQLUserInterfacePreferences = {
   readonly moderatorSafetyBlurLevel: Scalars['Int'];
   readonly moderatorSafetyGrayscale: Scalars['Boolean'];
   readonly moderatorSafetyMuteVideo: Scalars['Boolean'];
+  readonly moderatorSafetySepia: Scalars['Boolean'];
   readonly mrtChartConfigurations: ReadonlyArray<GQLManualReviewChartSettings>;
 };
 
@@ -11237,6 +11239,7 @@ export type GQLManualReviewSafetySettingsQuery = {
       readonly moderatorSafetyMuteVideo: boolean;
       readonly moderatorSafetyGrayscale: boolean;
       readonly moderatorSafetyBlurLevel: number;
+      readonly moderatorSafetySepia: boolean;
     };
   } | null;
 };
@@ -23426,6 +23429,7 @@ export type GQLPersonalSafetySettingsQuery = {
       readonly moderatorSafetyMuteVideo: boolean;
       readonly moderatorSafetyGrayscale: boolean;
       readonly moderatorSafetyBlurLevel: number;
+      readonly moderatorSafetySepia: boolean;
     };
   } | null;
 };
@@ -23617,6 +23621,7 @@ export type GQLOrgDefaultSafetySettingsQuery = {
       readonly moderatorSafetyMuteVideo: boolean;
       readonly moderatorSafetyGrayscale: boolean;
       readonly moderatorSafetyBlurLevel: number;
+      readonly moderatorSafetySepia: boolean;
     };
   } | null;
 };
@@ -30034,6 +30039,7 @@ export const GQLManualReviewSafetySettingsDocument = gql`
         moderatorSafetyMuteVideo
         moderatorSafetyGrayscale
         moderatorSafetyBlurLevel
+        moderatorSafetySepia
       }
     }
   }
@@ -35859,6 +35865,7 @@ export const GQLPersonalSafetySettingsDocument = gql`
         moderatorSafetyMuteVideo
         moderatorSafetyGrayscale
         moderatorSafetyBlurLevel
+        moderatorSafetySepia
       }
     }
   }
@@ -36620,6 +36627,7 @@ export const GQLOrgDefaultSafetySettingsDocument = gql`
         moderatorSafetyMuteVideo
         moderatorSafetyGrayscale
         moderatorSafetyBlurLevel
+        moderatorSafetySepia
       }
     }
   }
diff --git a/client/src/webpages/dashboard/mrt/ManualReviewSafetySettings.tsx b/client/src/webpages/dashboard/mrt/ManualReviewSafetySettings.tsx
index 4044e57b..1673b97c 100644
--- a/client/src/webpages/dashboard/mrt/ManualReviewSafetySettings.tsx
+++ b/client/src/webpages/dashboard/mrt/ManualReviewSafetySettings.tsx
@@ -27,6 +27,7 @@ gql`
         moderatorSafetyMuteVideo
         moderatorSafetyGrayscale
         moderatorSafetyBlurLevel
+        moderatorSafetySepia
       }
     }
   }
@@ -47,10 +48,12 @@ export default function ManualReviewSafetySettings() {
     moderatorSafetyBlurLevel: BlurStrength;
     moderatorSafetyGrayscale: boolean;
     moderatorSafetyMuteVideo: boolean;
+    moderatorSafetySepia: boolean;
   }>({
     moderatorSafetyBlurLevel: 2,
     moderatorSafetyGrayscale: true,
     moderatorSafetyMuteVideo: true,
+    moderatorSafetySepia: true,
   });
   const [notificationApi, notificationContextHolder] =
     notification.useNotification();
@@ -76,11 +79,13 @@ export default function ManualReviewSafetySettings() {
       moderatorSafetyMuteVideo,
       moderatorSafetyGrayscale,
       moderatorSafetyBlurLevel,
+      moderatorSafetySepia,
     } = data.me.interfacePreferences;
     setSettings({
       moderatorSafetyMuteVideo,
       moderatorSafetyGrayscale,
       moderatorSafetyBlurLevel: moderatorSafetyBlurLevel as BlurStrength,
+      moderatorSafetySepia
     });
   }, [data?.me?.interfacePreferences]);
 
@@ -139,6 +144,23 @@ export default function ManualReviewSafetySettings() {
               <Label htmlFor="grayscale">Grayscale</Label>
             </div>
           </div>
+          <div className="flex items-center h-10">
+            <div className="flex items-center space-x-2">
+              <Switch
+                id="sepia"
+                defaultChecked
+                onCheckedChange={(value) =>
+                  setSettings({
+                    ...settings,
+                    moderatorSafetySepia: value,
+                  })
+                }
+                checked={settings.moderatorSafetySepia}
+              />
+              <Label htmlFor="sepia">Sepia</Label>
+            </div>
+          </div>
+          
           <div className="flex items-center h-10">
             <div className="flex items-center space-x-2">
               <Switch
@@ -161,7 +183,7 @@ export default function ManualReviewSafetySettings() {
             settings.moderatorSafetyBlurLevel != null
               ? BLUR_LEVELS[settings.moderatorSafetyBlurLevel]
               : 'blur-sm'
-          } ${settings.moderatorSafetyGrayscale ? 'grayscale' : ''}`}
+          } ${settings.moderatorSafetyGrayscale ? 'grayscale' : ''} ${settings.moderatorSafetySepia ? 'sepia' : ''}  `}
           alt="puppies"
           src={GoldenRetrieverPuppies}
         />
diff --git a/client/src/webpages/dashboard/mrt/manual_review_job/IframeContentDisplayComponent.tsx b/client/src/webpages/dashboard/mrt/manual_review_job/IframeContentDisplayComponent.tsx
index 917e226f..7e20e520 100644
--- a/client/src/webpages/dashboard/mrt/manual_review_job/IframeContentDisplayComponent.tsx
+++ b/client/src/webpages/dashboard/mrt/manual_review_job/IframeContentDisplayComponent.tsx
@@ -28,18 +28,21 @@ export default function IframeContentDisplayComponent(props: {
     blur: boolean;
     grayscale: boolean;
     shouldTranslate: boolean;
+    sepia: boolean;
   }>({
     blur: true,
     grayscale: false,
     shouldTranslate: false,
+    sepia: false,
   });
 
-  const { blur, grayscale, shouldTranslate } = state;
+  const { blur, grayscale, shouldTranslate, sepia } = state;
 
   const { loading, data } = useGQLPersonalSafetySettingsQuery();
   const {
     moderatorSafetyBlurLevel = 2 as BlurStrength,
     moderatorSafetyGrayscale = true,
+    moderatorSafetySepia = true,
   } = data?.me?.interfacePreferences ?? {};
 
   useEffect(() => {
@@ -47,8 +50,9 @@ export default function IframeContentDisplayComponent(props: {
       blur: moderatorSafetyBlurLevel !== 0,
       grayscale: moderatorSafetyGrayscale,
       shouldTranslate: false,
+      sepia: moderatorSafetySepia,
     });
-  }, [moderatorSafetyBlurLevel, moderatorSafetyGrayscale]);
+  }, [moderatorSafetyBlurLevel, moderatorSafetyGrayscale, moderatorSafetySepia]);
 
   useEffect(() => {
     const handleMessage = (event: MessageEvent) => {
@@ -75,6 +79,7 @@ export default function IframeContentDisplayComponent(props: {
               blur: blur ? moderatorSafetyBlurLevel : 0,
               grayscale,
               shouldTranslate,
+              sepia,
             },
             contentProxyUrl,
           );
@@ -91,6 +96,7 @@ export default function IframeContentDisplayComponent(props: {
                   blur: blur ? moderatorSafetyBlurLevel : 0,
                   grayscale,
                   shouldTranslate,
+                  sepia,
                 },
                 contentProxyUrl,
               );
@@ -114,6 +120,7 @@ export default function IframeContentDisplayComponent(props: {
       shouldTranslate,
       contentProxyUrl,
       isIframeLoading,
+      sepia,
     ],
   );
 
diff --git a/client/src/webpages/dashboard/mrt/manual_review_job/ManualReviewJobContentBlurableImage.tsx b/client/src/webpages/dashboard/mrt/manual_review_job/ManualReviewJobContentBlurableImage.tsx
index 973a9db1..b1f3893a 100644
--- a/client/src/webpages/dashboard/mrt/manual_review_job/ManualReviewJobContentBlurableImage.tsx
+++ b/client/src/webpages/dashboard/mrt/manual_review_job/ManualReviewJobContentBlurableImage.tsx
@@ -14,6 +14,7 @@ export default function ManualReviewJobContentBlurableImage(props: {
     blurStrength?: BlurStrength;
     grayscale?: boolean;
     disableZoom?: boolean;
+    sepia?: boolean
   };
   onError?: () => void;
 }) {
@@ -25,6 +26,7 @@ export default function ManualReviewJobContentBlurableImage(props: {
     blurStrength = 0,
     grayscale = false,
     disableZoom = false,
+    sepia = false,
   } = options ?? {};
 
   const [clicked, setClicked] = useState<boolean>(false);
@@ -49,7 +51,7 @@ export default function ManualReviewJobContentBlurableImage(props: {
       <img
         className={`w-full rounded-lg hover:blur-none ${
           shouldBlur ? BLUR_LEVELS[blurStrength] : 'blur-0'
-        } ${grayscale ? 'grayscale' : ''}`}
+        } ${grayscale ? 'grayscale' : ''} ${sepia ? 'sepia': ''} `}
         alt=""
         src={url}
         onClick={() => setClicked(true)}
diff --git a/client/src/webpages/dashboard/mrt/manual_review_job/v2/ManualReviewJobFieldsComponent.tsx b/client/src/webpages/dashboard/mrt/manual_review_job/v2/ManualReviewJobFieldsComponent.tsx
index 68340468..bbe0fe06 100644
--- a/client/src/webpages/dashboard/mrt/manual_review_job/v2/ManualReviewJobFieldsComponent.tsx
+++ b/client/src/webpages/dashboard/mrt/manual_review_job/v2/ManualReviewJobFieldsComponent.tsx
@@ -197,6 +197,7 @@ function TableRowComponent(props: {
                 ? (safetySettings.moderatorSafetyBlurLevel as BlurStrength)
                 : (2 as const),
               grayscale: safetySettings?.moderatorSafetyGrayscale ?? false,
+              sepia: safetySettings?.moderatorSafetySepia ?? false,
             }}
           />
           {label ? <div className="font-bold">{label}</div> : null}
diff --git a/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECMediaViewer.tsx b/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECMediaViewer.tsx
index 592a2bf5..90cae1c6 100644
--- a/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECMediaViewer.tsx
+++ b/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECMediaViewer.tsx
@@ -84,10 +84,12 @@ export default function NCMECMediaViewer(props: {
     moderatorSafetyBlurLevel: BlurStrength;
     moderatorSafetyGrayscale: boolean;
     moderatorSafetyMuteVideo: boolean;
+    moderatorSafetySepia: boolean;
   }>({
     moderatorSafetyBlurLevel: 2,
     moderatorSafetyGrayscale: true,
     moderatorSafetyMuteVideo: true,
+    moderatorSafetySepia: true,
   });
 
   const { loading, error, data } = useGQLPersonalSafetySettingsQuery();
@@ -170,7 +172,8 @@ export default function NCMECMediaViewer(props: {
                 shouldBlur
                   ? BLUR_LEVELS[safetySettings.moderatorSafetyBlurLevel]
                   : 0
-              } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''}`}
+              } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''}
+              ${safetySettings.moderatorSafetySepia ? 'sepia' : ''} `}
               alt=""
               src={mediaId.urlInfo.url}
               onError={(img) => {
@@ -190,7 +193,9 @@ export default function NCMECMediaViewer(props: {
                 isInInspectedView
                   ? 'w-auto'
                   : 'object-scale-down grow max-w-64 max-h-48'
-              } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''}`}
+              } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''} ${
+                safetySettings.moderatorSafetySepia ? 'sepia' : ''
+              } `}
               url={mediaId.urlInfo.url}
               options={{
                 shouldBlur:
@@ -267,6 +272,20 @@ export default function NCMECMediaViewer(props: {
             />
             <Label htmlFor="grayscale">Grayscale</Label>
           </div>
+          <div className="flex items-center space-x-2">
+            <Switch
+              id="sepia"
+              defaultChecked
+              onCheckedChange={(isSepia) =>
+                setSafetySettings({
+                  ...safetySettings,
+                  moderatorSafetySepia: isSepia,
+                })
+              }
+              checked={safetySettings.moderatorSafetySepia}
+            />
+            <Label htmlFor="sepia">Sepia</Label>
+          </div>
         </div>
       )}
       {grayOutThumbnail || isInInspectedView ? null : (
diff --git a/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECReviewUser.tsx b/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECReviewUser.tsx
index 13f11a8c..276aee7f 100644
--- a/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECReviewUser.tsx
+++ b/client/src/webpages/dashboard/mrt/manual_review_job/v2/ncmec/NCMECReviewUser.tsx
@@ -161,7 +161,9 @@ export function getMatchedBanksForMediaUrl(
       | { value: { url?: string; matchedBanks?: string[] }; type: string }[]
       | undefined;
     if (valueOrValues === undefined) continue;
-    const values = Array.isArray(valueOrValues) ? valueOrValues : [valueOrValues];
+    const values = Array.isArray(valueOrValues)
+      ? valueOrValues
+      : [valueOrValues];
     for (const tagged of values) {
       const v = tagged.value;
       if (v?.url === mediaUrl) {
@@ -397,6 +399,7 @@ export default function NCMECReviewUser(
     moderatorSafetyBlurLevel,
     moderatorSafetyGrayscale,
     moderatorSafetyMuteVideo,
+    moderatorSafetySepia,
   } = data?.me?.interfacePreferences ?? {};
 
   // Compares two pieces of media to determine whether they're the same, based
@@ -582,14 +585,17 @@ export default function NCMECReviewUser(
             <div className="overflow-hidden shadow-lg rounded-2xl w-fit">
               {!loading &&
               moderatorSafetyBlurLevel != null &&
-              moderatorSafetyGrayscale != null ? (
+              moderatorSafetyGrayscale != null &&
+              moderatorSafetySepia != null ? (
                 media.urlInfo.mediaType === 'IMAGE' ? (
                   <img
                     className={`object-scale-down w-64 h-48 rounded-2xl ${
                       unblurAllMediaInConfirmation
                         ? 'blur-0'
                         : BLUR_LEVELS[moderatorSafetyBlurLevel as BlurStrength]
-                    } ${moderatorSafetyGrayscale ? 'grayscale' : ''}`}
+                    } ${moderatorSafetyGrayscale ? 'grayscale' : ''} ${
+                      moderatorSafetySepia ? 'sepia' : ''
+                    } `}
                     alt=""
                     src={media.urlInfo.url}
                   />
@@ -598,7 +604,8 @@ export default function NCMECReviewUser(
                     url={media.urlInfo.url}
                     className={`object-scale-down w-64 h-48 rounded-2xl ${
                       moderatorSafetyGrayscale ? 'grayscale' : ''
-                    }`}
+                    }
+                    ${moderatorSafetySepia ? 'sepia' : ''} `}
                     options={{
                       shouldBlur:
                         !unblurAllMediaInConfirmation &&
diff --git a/client/src/webpages/settings/AccountSettings.tsx b/client/src/webpages/settings/AccountSettings.tsx
index 08c77a82..2ef1a34d 100644
--- a/client/src/webpages/settings/AccountSettings.tsx
+++ b/client/src/webpages/settings/AccountSettings.tsx
@@ -60,6 +60,7 @@ gql`
         moderatorSafetyMuteVideo
         moderatorSafetyGrayscale
         moderatorSafetyBlurLevel
+        moderatorSafetySepia
       }
     }
   }
@@ -141,6 +142,7 @@ type SafetySettings = {
   moderatorSafetyBlurLevel: BlurStrength;
   moderatorSafetyGrayscale: boolean;
   moderatorSafetyMuteVideo: boolean;
+  moderatorSafetySepia: boolean;
 };
 
 export default function AccountSettings() {
@@ -149,6 +151,7 @@ export default function AccountSettings() {
     moderatorSafetyBlurLevel: 2,
     moderatorSafetyGrayscale: true,
     moderatorSafetyMuteVideo: true,
+    moderatorSafetySepia: true,
   });
 
   const [dialogConfig, setDialogConfig] = useState<ModalInfo>({
@@ -179,7 +182,9 @@ export default function AccountSettings() {
         });
       },
       onCompleted: (data) => {
-        if (data.changePassword.__typename === 'ChangePasswordSuccessResponse') {
+        if (
+          data.changePassword.__typename === 'ChangePasswordSuccessResponse'
+        ) {
           toast.success('Password Changed', {
             description: 'Your password has been successfully updated.',
           });
@@ -226,12 +231,14 @@ export default function AccountSettings() {
       moderatorSafetyMuteVideo,
       moderatorSafetyGrayscale,
       moderatorSafetyBlurLevel,
+      moderatorSafetySepia,
     } = safetySettingsData.me.interfacePreferences;
 
     setSafetySettings({
       moderatorSafetyMuteVideo,
       moderatorSafetyGrayscale,
       moderatorSafetyBlurLevel: moderatorSafetyBlurLevel as BlurStrength,
+      moderatorSafetySepia,
     });
   }, [safetySettingsData?.me?.interfacePreferences]);
 
@@ -305,6 +312,15 @@ export default function AccountSettings() {
     [],
   );
 
+  const setSepiaPreference = useCallback(
+    (moderatorSafetySepia: boolean): void =>
+      setSafetySettings((prevSettings) => ({
+        ...prevSettings,
+        moderatorSafetySepia,
+      })),
+    [],
+  );
+
   const handleLastNameChange = useCallback<
     React.ChangeEventHandler<HTMLInputElement>
   >((e) => setLastName(e.target.value), []);
@@ -496,7 +512,9 @@ export default function AccountSettings() {
             </Button>
             <Button
               onClick={handleChangePassword}
-              disabled={isChangePasswordButtonDisabled || isChangePasswordLoading}
+              disabled={
+                isChangePasswordButtonDisabled || isChangePasswordLoading
+              }
               loading={isChangePasswordLoading}
             >
               Change Password
@@ -592,6 +610,14 @@ export default function AccountSettings() {
               />
             </div>
 
+            <div className="flex gap-1 items-center justify-between">
+              <Label>Sepia</Label>
+              <Switch
+                onCheckedChange={setSepiaPreference}
+                checked={safetySettings.moderatorSafetySepia}
+              />
+            </div>
+
             <div className="flex gap-1 items-center justify-between">
               <Label>Mute Videos</Label>
               <Switch
@@ -604,7 +630,9 @@ export default function AccountSettings() {
           <img
             className={`rounded object-scale-down w-72 h-44 ${
               BLUR_LEVELS[safetySettings.moderatorSafetyBlurLevel] ?? 'blur-sm'
-            } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''}`}
+            } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''} ${
+              safetySettings.moderatorSafetySepia ? 'sepia' : ''
+            }`}
             alt="puppies"
             src={GoldenRetrieverPuppies}
           />
diff --git a/client/src/webpages/settings/OrgSafetySettings.tsx b/client/src/webpages/settings/OrgSafetySettings.tsx
index 3b9a032f..f8435c20 100644
--- a/client/src/webpages/settings/OrgSafetySettings.tsx
+++ b/client/src/webpages/settings/OrgSafetySettings.tsx
@@ -27,6 +27,7 @@ gql`
         moderatorSafetyMuteVideo
         moderatorSafetyGrayscale
         moderatorSafetyBlurLevel
+        moderatorSafetySepia
       }
     }
   }
@@ -46,6 +47,7 @@ type SafetySettings = {
   moderatorSafetyBlurLevel: BlurStrength;
   moderatorSafetyGrayscale: boolean;
   moderatorSafetyMuteVideo: boolean;
+  moderatorSafetySepia: boolean;
 };
 
 export default function ManualReviewSafetySettings() {
@@ -53,6 +55,7 @@ export default function ManualReviewSafetySettings() {
     moderatorSafetyBlurLevel: 2,
     moderatorSafetyGrayscale: true,
     moderatorSafetyMuteVideo: true,
+    moderatorSafetySepia: true,
   });
 
   const { loading, error, data } = useGQLOrgDefaultSafetySettingsQuery();
@@ -77,11 +80,13 @@ export default function ManualReviewSafetySettings() {
       moderatorSafetyMuteVideo,
       moderatorSafetyGrayscale,
       moderatorSafetyBlurLevel,
+      moderatorSafetySepia,
     } = data.myOrg.defaultInterfacePreferences;
     setSafetySettings({
       moderatorSafetyMuteVideo,
       moderatorSafetyGrayscale,
       moderatorSafetyBlurLevel: moderatorSafetyBlurLevel as BlurStrength,
+      moderatorSafetySepia,
     });
   }, [data?.myOrg?.defaultInterfacePreferences]);
 
@@ -104,11 +109,11 @@ export default function ManualReviewSafetySettings() {
           Standardize Your Organization's Safety Settings
         </Heading>
         <Text size="SM" className="mb-12">
-        Configure your organization's default safety settings. When a new 
-        employee joins your team and needs to use Coop, these settings 
-        will be applied by default to maintain their safety and well-being. 
-        If an employee wants to override these settings, they can do so in 
-        their personal Safety Settings.
+          Configure your organization's default safety settings. When a new
+          employee joins your team and needs to use Coop, these settings will be
+          applied by default to maintain their safety and well-being. If an
+          employee wants to override these settings, they can do so in their
+          personal Safety Settings.
         </Text>
         <div className="flex gap-12 mb-8">
           <div className="flex flex-col gap-5 w-64 pt-10">
@@ -144,6 +149,19 @@ export default function ManualReviewSafetySettings() {
               />
             </div>
 
+            <div className="flex gap-1 items-center justify-between">
+              <Label className="text-sm font-medium leading-none">Sepia</Label>
+              <Switch
+                checked={safetySettings.moderatorSafetySepia}
+                onCheckedChange={(value) =>
+                  setSafetySettings({
+                    ...safetySettings,
+                    moderatorSafetySepia: value,
+                  })
+                }
+              />
+            </div>
+
             <div className="flex gap-1 items-center justify-between">
               <Label className="text-sm font-medium leading-none">
                 Mute Videos
@@ -163,7 +181,9 @@ export default function ManualReviewSafetySettings() {
           <img
             className={`rounded object-scale-down w-72 h-44 ${
               BLUR_LEVELS[safetySettings.moderatorSafetyBlurLevel] ?? 'blur-sm'
-            } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''}`}
+            } ${safetySettings.moderatorSafetyGrayscale ? 'grayscale' : ''} ${
+              safetySettings.moderatorSafetySepia ? 'sepia' : ''
+            }`}
             alt="puppies"
             src={GoldenRetrieverPuppies}
           />
diff --git a/server/graphql/generated.ts b/server/graphql/generated.ts
index ccda8572..c8e64384 100644
--- a/server/graphql/generated.ts
+++ b/server/graphql/generated.ts
@@ -2164,6 +2164,7 @@ export type GQLModeratorSafetySettingsInput = {
   readonly moderatorSafetyBlurLevel: Scalars['Int'];
   readonly moderatorSafetyGrayscale: Scalars['Boolean'];
   readonly moderatorSafetyMuteVideo: Scalars['Boolean'];
+  readonly moderatorSafetySepia: Scalars['Boolean'];
 };
 
 export type GQLMrtJobEnqueueSourceInfo = {
@@ -4542,6 +4543,7 @@ export type GQLUserInterfacePreferences = {
   readonly moderatorSafetyBlurLevel: Scalars['Int'];
   readonly moderatorSafetyGrayscale: Scalars['Boolean'];
   readonly moderatorSafetyMuteVideo: Scalars['Boolean'];
+  readonly moderatorSafetySepia: Scalars['Boolean'];
   readonly mrtChartConfigurations: ReadonlyArray<GQLManualReviewChartSettings>;
 };
 
@@ -13341,6 +13343,11 @@ export type GQLUserInterfacePreferencesResolvers<
     ParentType,
     ContextType
   >;
+  moderatorSafetySepia?: Resolver<
+    GQLResolversTypes['Boolean'],
+    ParentType,
+    ContextType
+  >;
   mrtChartConfigurations?: Resolver<
     ReadonlyArray<GQLResolversTypes['ManualReviewChartSettings']>,
     ParentType,
diff --git a/server/graphql/modules/user.ts b/server/graphql/modules/user.ts
index 8e6cb13c..f467edd5 100644
--- a/server/graphql/modules/user.ts
+++ b/server/graphql/modules/user.ts
@@ -75,6 +75,7 @@ const typeDefs = /* GraphQL */ `
   type UserInterfacePreferences {
     moderatorSafetyMuteVideo: Boolean!
     moderatorSafetyGrayscale: Boolean!
+    moderatorSafetySepia: Boolean!
     moderatorSafetyBlurLevel: Int!
     mrtChartConfigurations: [ManualReviewChartSettings!]!
   }
@@ -83,6 +84,7 @@ const typeDefs = /* GraphQL */ `
     moderatorSafetyMuteVideo: Boolean!
     moderatorSafetyGrayscale: Boolean!
     moderatorSafetyBlurLevel: Int!
+    moderatorSafetySepia: Boolean!
   }
 
   input ManualReviewChartConfigurationsInput {
diff --git a/server/services/userManagementService/dbTypes.ts b/server/services/userManagementService/dbTypes.ts
index b6e4478f..77431249 100644
--- a/server/services/userManagementService/dbTypes.ts
+++ b/server/services/userManagementService/dbTypes.ts
@@ -26,6 +26,7 @@ export type UserManagementPg = {
     user_id: string;
     moderator_safety_mute_video: boolean | null;
     moderator_safety_grayscale: boolean | null;
+    moderator_safety_sepia: boolean | null;
     moderator_safety_blur_level: number | null;
     mrt_chart_configurations: MrtChartConfig[] | null;
   };
@@ -44,6 +45,11 @@ export type UserManagementPg = {
       boolean | undefined,
       boolean | undefined
     >;
+    moderator_safety_sepia: ColumnType<
+      boolean,
+      boolean | undefined,
+      boolean | undefined
+    >;
     moderator_safety_blur_level: ColumnType<
       number,
       number | undefined,
diff --git a/server/services/userManagementService/userManagementService.ts b/server/services/userManagementService/userManagementService.ts
index cb8d681a..cf1ca65f 100644
--- a/server/services/userManagementService/userManagementService.ts
+++ b/server/services/userManagementService/userManagementService.ts
@@ -38,13 +38,15 @@ class UserManagementService {
       row &&
       row.moderator_safety_grayscale &&
       row.moderator_safety_blur_level &&
-      row.moderator_safety_mute_video
+      row.moderator_safety_mute_video &&
+      row.moderator_safety_sepia
     ) {
       // If all the user's settings have been set, just return them
       return {
         moderatorSafetyGrayscale: row.moderator_safety_grayscale,
         moderatorSafetyBlurLevel: row.moderator_safety_blur_level,
         moderatorSafetyMuteVideo: row.moderator_safety_mute_video,
+        moderatorSafetySepia: row.moderator_safety_sepia,
         mrtChartConfigurations: row.mrt_chart_configurations ?? [],
       };
     }
@@ -55,6 +57,8 @@ class UserManagementService {
     return {
       moderatorSafetyGrayscale:
         row?.moderator_safety_grayscale ?? orgDefaults.moderatorSafetyGrayscale,
+      moderatorSafetySepia:
+        row?.moderator_safety_sepia ?? orgDefaults.moderatorSafetySepia,
       moderatorSafetyBlurLevel:
         row?.moderator_safety_blur_level ??
         orgDefaults.moderatorSafetyBlurLevel,
@@ -143,6 +147,7 @@ class UserManagementService {
         moderatorSafetyMuteVideo: boolean;
         moderatorSafetyGrayscale: boolean;
         moderatorSafetyBlurLevel: number;
+        moderatorSafetySepia: boolean;
       };
       mrtChartConfigurations?: readonly MrtChartConfig[];
     };
@@ -156,6 +161,8 @@ class UserManagementService {
         ? {
             moderator_safety_grayscale:
               moderatorSafetySettings.moderatorSafetyGrayscale,
+            moderator_safety_sepia:
+              moderatorSafetySettings.moderatorSafetySepia,
             moderator_safety_blur_level:
               moderatorSafetySettings.moderatorSafetyBlurLevel,
             moderator_safety_mute_video:
@@ -201,6 +208,7 @@ class UserManagementService {
 
     return {
       moderatorSafetyGrayscale: row.moderator_safety_grayscale,
+      moderatorSafetySepia: row.moderator_safety_sepia,
       moderatorSafetyBlurLevel: row.moderator_safety_blur_level,
       moderatorSafetyMuteVideo: row.moderator_safety_mute_video,
     };
@@ -211,12 +219,14 @@ class UserManagementService {
     // If you don't provide these values, they will be set to the default values
     // configured on the pg table definition
     moderatorSafetyGrayscale?: boolean;
+    moderatorSafetySepia?: boolean;
     moderatorSafetyBlurLevel?: number;
     moderatorSafetyMuteVideo?: boolean;
   }) {
     const {
       orgId,
       moderatorSafetyGrayscale,
+      moderatorSafetySepia,
       moderatorSafetyBlurLevel,
       moderatorSafetyMuteVideo,
     } = opts;
@@ -224,6 +234,9 @@ class UserManagementService {
       ...(moderatorSafetyGrayscale !== undefined
         ? { moderator_safety_grayscale: moderatorSafetyGrayscale }
         : {}),
+      ...(moderatorSafetySepia !== undefined
+        ? { moderator_safety_sepia: moderatorSafetySepia }
+        : {}),
       ...(moderatorSafetyBlurLevel !== undefined
         ? { moderator_safety_blur_level: moderatorSafetyBlurLevel }
         : {}),
@@ -238,6 +251,7 @@ class UserManagementService {
         {
           org_id: orgId,
           moderator_safety_grayscale: moderatorSafetyGrayscale,
+          moderator_safety_sepia: moderatorSafetySepia,
           moderator_safety_blur_level: moderatorSafetyBlurLevel,
           moderator_safety_mute_video: moderatorSafetyMuteVideo,
         },