diff --git a/src/components/backgrounds/BackgroundPreviewSettings.tsx b/src/components/backgrounds/BackgroundPreviewSettings.tsx
index f8d5c8665..99cd9e60b 100644
--- a/src/components/backgrounds/BackgroundPreviewSettings.tsx
+++ b/src/components/backgrounds/BackgroundPreviewSettings.tsx
@@ -4,6 +4,7 @@ import {
   backgroundSelectors,
   sceneSelectors,
 } from "store/features/entities/entitiesState";
+import settingsActions from "store/features/settings/settingsActions";
 import editorActions from "store/features/editor/editorActions";
 import electronActions from "store/features/electron/electronActions";
 import { SceneSelect } from "components/forms/SceneSelect";
@@ -66,7 +67,12 @@ const BackgroundPreviewSettings = ({
   );
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [buttonFocus, setButtonFocus] = useState<boolean>(false);
-  const value = useAppSelector((state) => state.editor.previewAsSceneId);
+  const value = useAppSelector((state) => {
+    if (state.project.present.settings.previewAsMono) return "0";
+    const sceneId = state.editor.previewAsSceneId;
+    if (sceneId === "") return "1";
+    return sceneId;
+  });
   const scene = useAppSelector((state) =>
     sceneSelectors.selectById(state, value)
   );
@@ -144,6 +150,11 @@ const BackgroundPreviewSettings = ({
   };
 
   const onChange = (newValue: string) => {
+    dispatch(
+      settingsActions.editSettings({
+        previewAsMono: (newValue == "0"),
+      })
+    );
     dispatch(editorActions.setPreviewAsSceneId(newValue));
   };
 
@@ -173,7 +184,7 @@ const BackgroundPreviewSettings = ({
                   onBlur={closeMenu}
                   maxMenuHeight={200}
                   optional
-                  optionalLabel={l10n("FIELD_DEFAULT_COLORS")}
+                  optionalLabels={[l10n("FIELD_COLOR_MODE_MONO"), l10n("FIELD_DEFAULT_COLORS")]}
                   {...selectMenuStyleProps}
                 />
               </SelectMenu>
@@ -190,7 +201,8 @@ const BackgroundPreviewSettings = ({
               ? l10n("FIELD_PREVIEW_AS_SCENE", {
                   sceneName: sceneName(scene, sceneIndex),
                 })
-              : l10n("FIELD_PREVIEW_AS_DEFAULT")}
+              : ([l10n("FIELD_PREVIEW_AS_MONO"), l10n("FIELD_PREVIEW_AS_DEFAULT")][+value])
+              }
           </Pill>
           <FixedSpacer width={5} />
         </>
diff --git a/src/components/backgrounds/BackgroundViewer.tsx b/src/components/backgrounds/BackgroundViewer.tsx
index ab16657cd..2e9e049e1 100644
--- a/src/components/backgrounds/BackgroundViewer.tsx
+++ b/src/components/backgrounds/BackgroundViewer.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { useAppSelector } from "store/hooks";
 import styled from "styled-components";
 import {
@@ -84,6 +84,12 @@ const BackgroundViewer = ({ backgroundId }: MetaspriteEditorProps) => {
     (state) => state.project.present.settings.colorMode !== "mono"
   );
   const [palettes, setPalettes] = useState<Palette[]>(emptyPalettes);
+  const previewAsMono = useAppSelector((state) =>
+    !gbcEnabled || state.project.present.settings.previewAsMono
+  );
+  const defaultBGP = useAppSelector((state) =>
+    state.project.present.settings.defaultBGP
+  );
 
   useEffect(() => {
     setPalettes(
@@ -128,6 +134,8 @@ const BackgroundViewer = ({ backgroundId }: MetaspriteEditorProps) => {
                   src={assetURL("backgrounds", background)}
                   tiles={background.tileColors}
                   palettes={palettes}
+                  previewAsMono={previewAsMono}
+                  monoPalette={defaultBGP}
                 />
               )}
             </ImageScale>
@@ -162,6 +170,8 @@ const BackgroundViewer = ({ backgroundId }: MetaspriteEditorProps) => {
                 src={assetURL("tilesets", tileset)}
                 tiles={[]}
                 palettes={palettes}
+                previewAsMono={previewAsMono}
+                monoPalette={defaultBGP}
               />
             </ImageScale>
           </ImageContainer>
diff --git a/src/components/editors/ActorEditor.tsx b/src/components/editors/ActorEditor.tsx
index 01dcc6705..83d400262 100644
--- a/src/components/editors/ActorEditor.tsx
+++ b/src/components/editors/ActorEditor.tsx
@@ -1,8 +1,9 @@
-import React, { FC, useCallback, useState } from "react";
+import React, { FC, useCallback, useState, useMemo } from "react";
 import {
   actorPrefabSelectors,
   actorSelectors,
   sceneSelectors,
+  paletteSelectors,
 } from "store/features/entities/entitiesState";
 import { DropdownButton } from "ui/buttons/DropdownButton";
 import { EditableText } from "ui/form/EditableText";
@@ -43,6 +44,7 @@ import { ActorEditorProperties } from "./actor/ActorEditorProperties";
 import { FlexGrow } from "ui/spacing/Spacing";
 import { ActorPrefabSelectButton } from "components/forms/ActorPrefabSelectButton";
 import { PrefabHeader } from "ui/form/headers/PrefabHeader";
+import { DMG_PALETTE } from "consts";
 
 interface ActorEditorProps {
   id: string;
@@ -62,6 +64,52 @@ export const ActorEditor: FC<ActorEditorProps> = ({ id, sceneId }) => {
   const scene = useAppSelector((state) =>
     sceneSelectors.selectById(state, sceneId)
   );
+
+  const gbcEnabled = useAppSelector(
+    (state) => state.project.present.settings.colorMode !== "mono"
+  );
+  
+  const previewAsMono = useAppSelector(
+    (state) =>
+      state.project.present.settings.colorMode === "mono" ||
+      (state.project.present.settings.colorMode === "mixed" &&
+       state.project.present.settings.previewAsMono)
+  );
+
+  const palettesLookup = useAppSelector((state) =>
+    paletteSelectors.selectEntities(state)
+  );
+
+  const defaultSpritePaletteIds = useAppSelector(
+    (state) => state.project.present.settings.defaultSpritePaletteIds || []
+  );
+
+  const getPalette = useCallback(
+    (paletteIndex: number) => {
+      const sceneSpritePaletteIds = scene?.paletteIds ?? [];
+      if (sceneSpritePaletteIds[paletteIndex] === "dmg") {
+        return DMG_PALETTE;
+      }
+      return (
+        palettesLookup[sceneSpritePaletteIds[paletteIndex]] ||
+        palettesLookup[defaultSpritePaletteIds[paletteIndex]] ||
+        DMG_PALETTE
+      );
+    },
+    [defaultSpritePaletteIds, palettesLookup, scene?.paletteIds]
+  );
+
+  const palettes = useMemo(() => ([0,1,2,3,4,5,6,7].map(i =>
+    gbcEnabled ? getPalette(i) : DMG_PALETTE)),
+    [gbcEnabled, getPalette]
+  );
+
+  const monoPalettes = useAppSelector((state) => {
+    const defaultOBP0 = state.project.present.settings.defaultOBP0 ?? [0,0,1,3];
+    const defaultOBP1 = state.project.present.settings.defaultOBP1 ?? [0,0,2,3];
+    return [scene.dmgOBP0 ?? defaultOBP0, scene.dmgOBP1 ?? defaultOBP1];
+  });
+
   const lockScriptEditor = useAppSelector(
     (state) => state.editor.lockScriptEditor
   );
@@ -415,9 +463,19 @@ export const ActorEditor: FC<ActorEditorProps> = ({ id, sceneId }) => {
         {!lockScriptEditor && (
           <SidebarColumns>
             {prefab ? (
-              <ActorPrefabEditorProperties prefab={prefab} />
+              <ActorPrefabEditorProperties 
+                prefab={prefab}
+                previewAsMono={previewAsMono}
+                palettes={palettes}
+                monoPalettes ={monoPalettes}
+              />
             ) : (
-              <ActorEditorProperties actor={actor} />
+              <ActorEditorProperties 
+                actor={actor}
+                previewAsMono={previewAsMono}
+                palettes={palettes}
+                monoPalettes ={monoPalettes}
+              />
             )}
           </SidebarColumns>
         )}
diff --git a/src/components/editors/SceneEditor.tsx b/src/components/editors/SceneEditor.tsx
index aa6ac1d3c..fd95039c1 100644
--- a/src/components/editors/SceneEditor.tsx
+++ b/src/components/editors/SceneEditor.tsx
@@ -7,6 +7,7 @@ import BackgroundWarnings from "components/world/BackgroundWarnings";
 import {
   backgroundSelectors,
   sceneSelectors,
+  paletteSelectors,
 } from "store/features/entities/entitiesState";
 import editorActions from "store/features/editor/editorActions";
 import clipboardActions from "store/features/clipboard/clipboardActions";
@@ -25,6 +26,7 @@ import {
   SceneNormalized,
   SceneParallaxLayer,
   ScriptEventNormalized,
+  MonoPalette
 } from "shared/lib/entities/entitiesTypes";
 import { MenuDivider, MenuItem } from "ui/menu/Menu";
 import {
@@ -59,7 +61,7 @@ import {
   ClipboardTypePaletteIds,
   ClipboardTypeScenes,
 } from "store/features/clipboard/clipboardTypes";
-import { SCREEN_WIDTH } from "consts";
+import { SCREEN_WIDTH, DMG_PALETTE } from "consts";
 import { ScriptEventAutoFadeDisabledWarning } from "components/script/ScriptEventAutoFade";
 import { SceneSymbolsEditor } from "components/forms/symbols/SceneSymbolsEditor";
 import { BackgroundSymbolsEditor } from "components/forms/symbols/BackgroundSymbolsEditor";
@@ -73,6 +75,7 @@ import { ScriptEditorCtx } from "shared/lib/scripts/context";
 import { TilesetSelect } from "components/forms/TilesetSelect";
 import { FlexGrow } from "ui/spacing/Spacing";
 import CachedScroll from "ui/util/CachedScroll";
+import { DMGPalettePicker } from "components/forms/DMGPalettePicker";
 
 interface SceneEditorProps {
   id: string;
@@ -149,7 +152,18 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
   const [commonTilesetOpen, setCommonTilesetOpen] = useState<boolean>(
     !!scene?.tilesetId
   );
-
+  const defaultBGP = useAppSelector((state) =>
+    state.project.present.settings.defaultBGP ?? [0,1,2,3]
+  );
+  const defaultOBP0 = useAppSelector((state) =>
+    state.project.present.settings.defaultOBP0 ?? [0,0,1,3]
+  );
+  const defaultOBP1 = useAppSelector((state) =>
+    state.project.present.settings.defaultOBP1 ?? [0,0,2,3]
+  );
+  const monoEnabled = useAppSelector(
+    (state) => state.project.present.settings.colorMode !== "color"
+  );
   const colorsEnabled = useAppSelector(
     (state) => state.project.present.settings.colorMode !== "mono"
   );
@@ -324,6 +338,21 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
     [onChangeSettingProp]
   );
 
+  const onEditBGP = useCallback(
+    (palette: MonoPalette) =>
+    onChangeSceneProp("dmgBGP", palette), [onChangeSceneProp]
+  );
+
+  const onEditOBP0 = useCallback(
+    (palette: MonoPalette) =>
+    onChangeSceneProp("dmgOBP0", palette), [onChangeSceneProp]
+  );
+
+  const onEditOBP1 = useCallback(
+    (palette: MonoPalette) =>
+    onChangeSceneProp("dmgOBP1", palette), [onChangeSceneProp]
+  );
+
   const selectSidebar = () => {
     dispatch(editorActions.selectSidebar());
   };
@@ -500,6 +529,51 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
 
   const scrollKey = `${scene.id}_${scriptKey}`;
 
+  const gbcEnabled = useAppSelector(
+    (state) => state.project.present.settings.colorMode !== "mono"
+  );
+  
+  const previewAsMono = useAppSelector(
+    (state) =>
+      state.project.present.settings.colorMode === "mono" ||
+      (state.project.present.settings.colorMode === "mixed" &&
+       state.project.present.settings.previewAsMono)
+  );
+
+  const palettesLookup = useAppSelector((state) =>
+    paletteSelectors.selectEntities(state)
+  );
+
+  const getPalette = useCallback(
+    (paletteIndex: number) => {
+      const sceneSpritePaletteIds = scene?.paletteIds ?? [];
+      if (sceneSpritePaletteIds[paletteIndex] === "dmg") {
+        return DMG_PALETTE;
+      }
+      return (
+        palettesLookup[sceneSpritePaletteIds[paletteIndex]] ||
+        palettesLookup[defaultSpritePaletteIds[paletteIndex]] ||
+        DMG_PALETTE
+      );
+    },
+    [defaultSpritePaletteIds, palettesLookup, scene?.paletteIds]
+  );
+
+  const palettes = useMemo(() => ([0,1,2,3,4,5,6,7].map(i =>
+    gbcEnabled ? getPalette(i) : DMG_PALETTE)),
+    [gbcEnabled, getPalette]
+  );
+
+  const backgroundMonoPalette = useMemo(() => 
+    scene.dmgBGP ?? defaultBGP, 
+    [defaultBGP, previewAsMono]
+  );
+
+  const spriteMonoPalettes = useMemo(() => 
+    [scene.dmgOBP0 ?? defaultOBP0, scene.dmgOBP1 ?? defaultOBP1],
+    [defaultOBP0, defaultOBP1, previewAsMono]
+  );
+
   return (
     <Sidebar onClick={selectSidebar}>
       <CachedScroll key={scrollKey} cacheKey={scrollKey}>
@@ -648,6 +722,9 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
                         onChange={onChangeBackgroundId}
                         is360={scene.type === "LOGO"}
                         includeInfo
+                        palettes={palettes}
+                        previewAsMono={previewAsMono}
+                        monoPalette={backgroundMonoPalette}
                       />
                       <div style={{ display: "flex", flexDirection: "column" }}>
                         {showCommonTilesetButton && (
@@ -739,14 +816,14 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
               </SidebarColumn>
             )}
 
-            {colorsEnabled && (
               <SidebarColumn>
                 <FormRow>
                   <FormField
                     name="playerSpriteSheetId"
                     label={
                       <>
-                        {l10n("FIELD_SCENE_BACKGROUND_PALETTES")}
+                      {l10n("FIELD_SCENE_BACKGROUND_PALETTES")}
+                      {colorsEnabled && (
                         <InlineDropdownWrapper>
                           <DropdownButton
                             size="small"
@@ -784,10 +861,19 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
                             </MenuItem>
                           </DropdownButton>
                         </InlineDropdownWrapper>
+                        )}
                       </>
-                    }
-                  >
-                    {!background?.autoColor && (
+                    }>
+                    {monoEnabled && (
+                      <DMGPalettePicker 
+                        name="bgp" 
+                        palette={scene.dmgBGP ?? defaultBGP} 
+                        isSpritePalette={false} 
+                        onChange={onEditBGP} 
+                        showName={true}
+                      />
+                    )}
+                    {colorsEnabled && !background?.autoColor && (
                       <PaletteButtons>
                         {[0, 1, 2, 3, 4, 5, 6, 7].map((index) => (
                           <PaletteSelectButton
@@ -816,6 +902,25 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
                     name="playerSpriteSheetId"
                     label={l10n("FIELD_SCENE_SPRITE_PALETTES")}
                   >
+                  {monoEnabled &&
+                    <PaletteButtons>
+                      <DMGPalettePicker 
+                        name="obp0" 
+                        palette={scene.dmgOBP0 ?? defaultOBP0} 
+                        isSpritePalette={true} 
+                        onChange={onEditOBP0} 
+                        showName={true}
+                      />
+                      <DMGPalettePicker 
+                        name="obp1" 
+                        palette={scene.dmgOBP1 ?? defaultOBP1} 
+                        isSpritePalette={true} 
+                        onChange={onEditOBP1} 
+                        showName={true}
+                      />
+                    </PaletteButtons>
+                  }
+                  {colorsEnabled && (
                     <PaletteButtons>
                       {[0, 1, 2, 3, 4, 5, 6, 7].map((index) => (
                         <PaletteSelectButton
@@ -837,12 +942,12 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
                         />
                       ))}
                     </PaletteButtons>
+                    )}
                   </FormField>
                 </FormRow>
 
                 {/* <FormDivider /> */}
               </SidebarColumn>
-            )}
             {scene.type !== "LOGO" && (
               <SidebarColumn>
                 <FormRow>
@@ -859,6 +964,9 @@ export const SceneEditor = ({ id }: SceneEditorProps) => {
                       optional
                       optionalLabel={l10n("FIELD_SCENE_TYPE_DEFAULT")}
                       optionalValue={defaultPlayerSprites[scene.type]}
+                      palettes={palettes}
+                      previewAsMono={previewAsMono}
+                      monoPalettes={spriteMonoPalettes}
                     />
                   </FormField>
                 </FormRow>
diff --git a/src/components/editors/actor/ActorEditorProperties.tsx b/src/components/editors/actor/ActorEditorProperties.tsx
index 1a1fd5815..0a1727b3a 100644
--- a/src/components/editors/actor/ActorEditorProperties.tsx
+++ b/src/components/editors/actor/ActorEditorProperties.tsx
@@ -4,6 +4,8 @@ import entitiesActions from "store/features/entities/entitiesActions";
 import {
   ActorNormalized,
   CollisionGroup,
+  Palette,
+  MonoPalette,
 } from "shared/lib/entities/entitiesTypes";
 import { SidebarColumn } from "ui/sidebars/Sidebar";
 import { SpriteSheetSelectButton } from "components/forms/SpriteSheetSelectButton";
@@ -15,10 +17,16 @@ import { useAppDispatch } from "store/hooks";
 
 interface ActorEditorPropertiesProps {
   actor: ActorNormalized;
+  palettes?: Palette[];
+  previewAsMono?: boolean;
+  monoPalettes?: MonoPalette[];
 }
 
 export const ActorEditorProperties: FC<ActorEditorPropertiesProps> = ({
   actor,
+  palettes,
+  previewAsMono,
+  monoPalettes,
 }) => {
   const dispatch = useAppDispatch();
 
@@ -77,6 +85,9 @@ export const ActorEditorProperties: FC<ActorEditorPropertiesProps> = ({
                 frame={0}
                 onChange={onChangeSpriteSheetId}
                 includeInfo
+                previewAsMono={previewAsMono}
+                palettes={palettes}
+                monoPalettes={monoPalettes}
               />
             </FormField>
           </FormRow>
diff --git a/src/components/editors/prefab/ActorPrefabEditorProperties.tsx b/src/components/editors/prefab/ActorPrefabEditorProperties.tsx
index 548cb50d0..a4c3baef1 100644
--- a/src/components/editors/prefab/ActorPrefabEditorProperties.tsx
+++ b/src/components/editors/prefab/ActorPrefabEditorProperties.tsx
@@ -4,6 +4,8 @@ import entitiesActions from "store/features/entities/entitiesActions";
 import {
   ActorPrefabNormalized,
   CollisionGroup,
+  Palette,
+  MonoPalette
 } from "shared/lib/entities/entitiesTypes";
 import { SidebarColumn } from "ui/sidebars/Sidebar";
 import { SpriteSheetSelectButton } from "components/forms/SpriteSheetSelectButton";
@@ -15,10 +17,17 @@ import { useAppDispatch } from "store/hooks";
 
 interface ActorPrefabEditorPropertiesProps {
   prefab: ActorPrefabNormalized;
+  palettes?: Palette[];
+  previewAsMono?: boolean;
+  monoPalettes?: MonoPalette[];
 }
 
-export const ActorPrefabEditorProperties: FC<ActorPrefabEditorPropertiesProps> =
-  ({ prefab }) => {
+export const ActorPrefabEditorProperties: FC<ActorPrefabEditorPropertiesProps> = ({ 
+  prefab,
+  palettes,
+  previewAsMono,
+  monoPalettes, 
+}) => {
     const dispatch = useAppDispatch();
 
     const onChangeActorPrefabProp = useCallback(
@@ -75,6 +84,9 @@ export const ActorPrefabEditorProperties: FC<ActorPrefabEditorPropertiesProps> =
                   frame={0}
                   onChange={onChangeSpriteSheetId}
                   includeInfo
+                  previewAsMono={previewAsMono}
+                  palettes={palettes}
+                  monoPalettes={monoPalettes}
                 />
               </FormField>
             </FormRow>
diff --git a/src/components/forms/BackgroundSelectButton.tsx b/src/components/forms/BackgroundSelectButton.tsx
index e9f10862d..445bc31ca 100644
--- a/src/components/forms/BackgroundSelectButton.tsx
+++ b/src/components/forms/BackgroundSelectButton.tsx
@@ -8,13 +8,16 @@ import {
   SelectMenu,
   selectMenuStyleProps,
 } from "ui/form/Select";
+import { Palette, MonoPalette } from "shared/lib/entities/entitiesTypes";
 import { RelativePortal } from "ui/layout/RelativePortal";
 import { BackgroundSelect } from "./BackgroundSelect";
-import { assetURLStyleProp } from "shared/lib/helpers/assets";
+import { assetURL, assetURLStyleProp } from "shared/lib/helpers/assets";
 import { useAppDispatch, useAppSelector } from "store/hooks";
-import { MAX_BACKGROUND_TILES, MAX_BACKGROUND_TILES_CGB } from "consts";
+import { DMG_PALETTE, MAX_BACKGROUND_TILES, MAX_BACKGROUND_TILES_CGB, TILE_SIZE } from "consts";
 import { monoOverrideForFilename } from "shared/lib/assets/backgrounds";
 import { FlexGrow } from "ui/spacing/Spacing";
+import AutoColorizedImage from "components/world/AutoColorizedImage";
+import ColorizedImage from "components/world/ColorizedImage";
 
 interface BackgroundSelectProps {
   name: string;
@@ -23,6 +26,9 @@ interface BackgroundSelectProps {
   tilesetId: string;
   includeInfo?: boolean;
   onChange?: (newId: string) => void;
+  palettes?: Palette[];
+  previewAsMono?: boolean;
+  monoPalette?: MonoPalette;
 }
 
 interface WrapperProps {
@@ -167,6 +173,9 @@ export const BackgroundSelectButton: FC<BackgroundSelectProps> = ({
   is360,
   tilesetId,
   includeInfo,
+  palettes,
+  previewAsMono,
+  monoPalette,
 }) => {
   const buttonRef = useRef<HTMLButtonElement>(null);
   const timerRef = useRef<ReturnType<typeof setTimeout>>();
@@ -264,6 +273,8 @@ export const BackgroundSelectButton: FC<BackgroundSelectProps> = ({
     }
   };
 
+  const defaultPalettes = [0,1,2,3,4,5,6,7].map(i => DMG_PALETTE);
+
   return (
     <Wrapper $includeInfo={includeInfo}>
       <Button
@@ -274,6 +285,23 @@ export const BackgroundSelectButton: FC<BackgroundSelectProps> = ({
         onBlur={onButtonBlur}
       >
         <ButtonContent>
+          {/* {!previewAsMono && isColor && background.autoColor ? (
+            <AutoColorizedImage
+              width={background.width * TILE_SIZE}
+              height={background.height * TILE_SIZE}
+              src={assetURL("backgrounds", background)}
+            />
+          ) : (
+            <ColorizedImage
+              width={background.width * TILE_SIZE}
+              height={background.height * TILE_SIZE}
+              src={assetURL("backgrounds", background)}
+              tiles={background.tileColors}
+              palettes={palettes ?? defaultPalettes}
+              previewAsMono={previewAsMono}
+              monoPalette={monoPalette}
+            />
+          )} */}
           {background ? (
             <Thumbnail
               style={{
diff --git a/src/components/forms/DMGPalettePicker.tsx b/src/components/forms/DMGPalettePicker.tsx
new file mode 100644
index 000000000..2b4ff3d86
--- /dev/null
+++ b/src/components/forms/DMGPalettePicker.tsx
@@ -0,0 +1,63 @@
+import React, { useCallback } from "react";
+import {useAppSelector } from "store/hooks";
+import { NumberInput } from "ui/form/NumberInput";
+import { castEventToInt } from "renderer/lib/helpers/castEventValue";
+import styled from "styled-components";
+import type { MonoPalette } from "shared/lib/entities/entitiesTypes";
+
+type DMGPalettePickerProps = {
+  name: string
+  palette: MonoPalette
+  isSpritePalette: boolean
+  onChange: (palette: MonoPalette) => void;
+  showName?: boolean
+};
+
+export const DMGPalettePicker = ({
+  name,
+  palette,
+  isSpritePalette,
+  onChange,
+  showName
+}: DMGPalettePickerProps) => {
+
+  const settings = useAppSelector((state) => state.project.present.settings);
+  const dmgColors = [settings.customColorsWhite, settings.customColorsLight, settings.customColorsDark, settings.customColorsBlack];
+  const fields = isSpritePalette ? [1, 2, 3] : [0, 1, 2, 3];
+  const width = showName ? `max-width: ${isSpritePalette ? 121 : 245}px;` : "width: 100%";
+  const DMGPalettePickerStyle = styled.div`
+    display: flex;
+    ${width}
+    box-sizing: border-box;
+  `
+
+  const DMGPaletteTextStyle = styled.div`
+    width: 9px;
+    color: grey;
+    font-size: 9px;
+    text-align: center;
+    transform-origin:50% 50%;
+    transform: rotate(90deg) translate(-7px,8px);
+  `
+  function getRows() {
+    return fields.map((index) =>
+      <NumberInput
+        key={index}
+        style={{backgroundColor:`#${dmgColors[palette[index]]}`, color:`#${dmgColors[(palette[index]+2)%4]}`}}
+        id={`${name}_${index}`}
+        name={`${name}_${index}`}
+        min={0}
+        max={3}
+        value={palette[index]}
+        onChange={(e) => {
+          let newPalette = [palette[0], palette[1], palette[2], palette[3]];
+          newPalette[index] = castEventToInt(e, 0);
+          onChange(newPalette as MonoPalette);
+        }}
+      />
+    );
+  }
+
+  if (showName) return <DMGPalettePickerStyle><DMGPaletteTextStyle>{name.toUpperCase()}</DMGPaletteTextStyle>{getRows()}</DMGPalettePickerStyle>;
+  else return <DMGPalettePickerStyle>{getRows()}</DMGPalettePickerStyle>;
+};
diff --git a/src/components/forms/ObjPaletteSelect.tsx b/src/components/forms/ObjPaletteSelect.tsx
index ac2324e97..fd14f2a82 100644
--- a/src/components/forms/ObjPaletteSelect.tsx
+++ b/src/components/forms/ObjPaletteSelect.tsx
@@ -8,6 +8,7 @@ import {
 } from "ui/form/Select";
 import l10n from "shared/lib/lang/l10n";
 import { SingleValue } from "react-select";
+import { useAppSelector } from "store/hooks";
 
 interface ObjPaletteSelectProps {
   name: string;
@@ -21,24 +22,30 @@ interface ObjPaletteOption {
   colors: string[];
 }
 
-const options: ObjPaletteOption[] = [
-  {
-    value: "OBP0",
-    label: "0: OBP0",
-    colors: ["E8F8E0", "B0F088", "", "202850"],
-  },
-  {
-    value: "OBP1",
-    label: "1: OBP1",
-    colors: ["E8F8E0", "509878", "", "202850"],
-  },
-];
-
 export const ObjPaletteSelect: FC<ObjPaletteSelectProps> = ({
   name,
   value = "OBP0",
   onChange,
 }) => {
+  const settings = useAppSelector((state) => state.project.present.settings);
+  const obp0 = settings.defaultOBP0;
+  const obp1 = settings.defaultOBP1;
+  const dmgPal = [settings.customColorsWhite, settings.customColorsLight, settings.customColorsDark, settings.customColorsBlack];
+  const obp0Colors = [dmgPal[obp0[1]], dmgPal[obp0[2]], "", dmgPal[obp0[3]]];
+  const obp1Colors = [dmgPal[obp1[1]], dmgPal[obp1[2]], "", dmgPal[obp1[3]]];
+  const options: ObjPaletteOption[] = [
+    {
+      value: "OBP0",
+      label: "0: OBP0",
+      colors: obp0Colors,
+    },
+    {
+      value: "OBP1",
+      label: "1: OBP1",
+      colors: obp1Colors,
+    },
+  ];
+
   const currentValue = options.find((o) => o.value === value);
   return (
     <Select
diff --git a/src/components/forms/SceneSelect.tsx b/src/components/forms/SceneSelect.tsx
index 641655890..3a02cc900 100644
--- a/src/components/forms/SceneSelect.tsx
+++ b/src/components/forms/SceneSelect.tsx
@@ -23,7 +23,7 @@ interface SceneSelectProps extends SelectCommonProps {
   name: string;
   value?: string;
   optional?: boolean;
-  optionalLabel?: string;
+  optionalLabels?: string[];
   onChange?: (newId: string) => void;
 }
 
@@ -61,10 +61,11 @@ export const SceneSelect: FC<SceneSelectProps> = ({
   value,
   onChange,
   optional,
-  optionalLabel,
+  optionalLabels,
   ...selectProps
 }) => {
   const scenes = useAppSelector((state) => sceneSelectors.selectAll(state));
+  const optionalScenes = (optionalLabels || []).map((optionalLabel, i) => ({ value: i.toString(), label: optionalLabel }) ) as SceneOption[];
   const backgroundsLookup = useAppSelector((state) =>
     backgroundSelectors.selectEntities(state)
   );
@@ -84,20 +85,9 @@ export const SceneSelect: FC<SceneSelectProps> = ({
   }, [scenes]);
 
   useEffect(() => {
-    setOptions(
-      ([] as SceneOption[]).concat(
-        optional
-          ? ([
-              {
-                value: "",
-                label: optionalLabel || "None",
-              },
-            ] as SceneOption[])
-          : ([] as SceneOption[]),
-        scenes.map(sceneToSceneOption).sort(sortByLabel)
-      )
-    );
-  }, [scenes, optional, optionalLabel]);
+    const sceneOptions = scenes.map(sceneToSceneOption).sort(sortByLabel);
+    setOptions(([] as SceneOption[]).concat(optionalScenes, sceneOptions));
+  }, [scenes, optional, optionalLabels]);
 
   useEffect(() => {
     setCurrentScene(scenes.find((v) => v.id === value));
@@ -109,6 +99,7 @@ export const SceneSelect: FC<SceneSelectProps> = ({
         sceneToSceneOption(currentScene, scenes.indexOf(currentScene))
       );
     }
+    else if (optional && optionalScenes.length > 0) setCurrentValue(optionalScenes[+(value || 1)]);
   }, [currentScene, scenes]);
 
   const onSelectChange = (newValue: SingleValue<Option>) => {
diff --git a/src/components/forms/SpriteSheetSelect.tsx b/src/components/forms/SpriteSheetSelect.tsx
index 680d4c9f4..a49bfc9b9 100644
--- a/src/components/forms/SpriteSheetSelect.tsx
+++ b/src/components/forms/SpriteSheetSelect.tsx
@@ -5,6 +5,8 @@ import { spriteSheetSelectors } from "store/features/entities/entitiesState";
 import {
   ActorDirection,
   SpriteSheetNormalized,
+  Palette, 
+  MonoPalette
 } from "shared/lib/entities/entitiesTypes";
 import {
   Option,
@@ -25,6 +27,9 @@ interface SpriteSheetSelectProps extends SelectCommonProps {
   frame?: number;
   onChange?: (newId: string) => void;
   filter?: (spriteSheet: SpriteSheetNormalized) => boolean;
+  palettes?: Palette[]
+  previewAsMono?: boolean
+  monoPalettes?: MonoPalette[]
   optional?: boolean;
   optionalLabel?: string;
 }
@@ -51,6 +56,9 @@ export const SpriteSheetSelect: FC<SpriteSheetSelectProps> = ({
   frame,
   onChange,
   filter,
+  palettes,
+  previewAsMono,
+  monoPalettes,
   optional,
   optionalLabel,
   ...selectProps
@@ -129,6 +137,9 @@ export const SpriteSheetSelect: FC<SpriteSheetSelectProps> = ({
                 spriteSheetId={option.value}
                 direction={direction}
                 frame={frame}
+                palettes={palettes}
+                previewAsMono={previewAsMono}
+                monoPalettes={monoPalettes}
               />
             }
           >
@@ -144,6 +155,9 @@ export const SpriteSheetSelect: FC<SpriteSheetSelectProps> = ({
                 spriteSheetId={value || ""}
                 direction={direction}
                 frame={frame}
+                palettes={palettes}
+                previewAsMono={previewAsMono}
+                monoPalettes={monoPalettes}
               />
             }
           >
diff --git a/src/components/forms/SpriteSheetSelectButton.tsx b/src/components/forms/SpriteSheetSelectButton.tsx
index 55550c012..d0f6fa156 100644
--- a/src/components/forms/SpriteSheetSelectButton.tsx
+++ b/src/components/forms/SpriteSheetSelectButton.tsx
@@ -3,7 +3,7 @@ import { useAppSelector } from "store/hooks";
 import styled, { css } from "styled-components";
 import l10n from "shared/lib/lang/l10n";
 import { spriteSheetSelectors } from "store/features/entities/entitiesState";
-import { ActorDirection } from "shared/lib/entities/entitiesTypes";
+import { ActorDirection, Palette, MonoPalette } from "shared/lib/entities/entitiesTypes";
 import {
   FormatFolderLabel,
   SelectMenu,
@@ -24,6 +24,9 @@ interface SpriteSheetSelectProps {
   optional?: boolean;
   optionalLabel?: string;
   optionalValue?: string;
+  palettes?: Palette[];
+  previewAsMono?: boolean;
+  monoPalettes?: MonoPalette[];
 }
 
 interface WrapperProps {
@@ -149,6 +152,9 @@ export const SpriteSheetSelectButton: FC<SpriteSheetSelectProps> = ({
   optional,
   optionalLabel,
   optionalValue,
+  palettes,
+  previewAsMono,
+  monoPalettes,
 }) => {
   const buttonRef = useRef<HTMLButtonElement>(null);
   const timerRef = useRef<ReturnType<typeof setTimeout>>();
@@ -240,6 +246,9 @@ export const SpriteSheetSelectButton: FC<SpriteSheetSelectProps> = ({
                 spriteSheetId={value || optionalValue || ""}
                 direction={direction}
                 frame={frame}
+                palettes={palettes}
+                previewAsMono={previewAsMono}
+                monoPalettes={monoPalettes}
               />
             </PreviewWrapper>
           ) : (
@@ -279,6 +288,9 @@ export const SpriteSheetSelectButton: FC<SpriteSheetSelectProps> = ({
                 onBlur={closeMenu}
                 optional={optional}
                 optionalLabel={optionalLabel}
+                palettes={palettes}
+                previewAsMono={previewAsMono}
+                monoPalettes={monoPalettes}
                 {...selectMenuStyleProps}
               />
             </SelectMenu>
diff --git a/src/components/pages/SettingsPage.tsx b/src/components/pages/SettingsPage.tsx
index 9c5b51d1b..efc1374a1 100644
--- a/src/components/pages/SettingsPage.tsx
+++ b/src/components/pages/SettingsPage.tsx
@@ -38,11 +38,13 @@ import { FormInfo } from "ui/form/FormInfo";
 import electronActions from "store/features/electron/electronActions";
 import CartSettingsEditor from "components/settings/CartSettingsEditor";
 import { UIAssetPreview } from "components/forms/UIAssetPreviewButton";
-import { FormField } from "ui/form/layout/FormLayout";
+import { FormField, FormRow } from "ui/form/layout/FormLayout";
 import { FixedSpacer } from "ui/spacing/Spacing";
 import { useAppDispatch, useAppSelector } from "store/hooks";
 import { ColorModeSelect } from "components/forms/ColorModeSelect";
 import { CompilerPresetSelect } from "components/forms/CompilerPresetSelect";
+import { DMGPalettePicker } from "components/forms/DMGPalettePicker";
+import type { MonoPalette } from "shared/lib/entities/entitiesTypes";
 
 const SettingsPage: FC = () => {
   const dispatch = useAppDispatch();
@@ -79,6 +81,9 @@ const SettingsPage: FC = () => {
     colorMode,
     sgbEnabled,
     customHead,
+    defaultBGP,
+    defaultOBP0,
+    defaultOBP1,
     defaultBackgroundPaletteIds,
     defaultSpritePaletteIds,
     defaultFontId,
@@ -89,6 +94,7 @@ const SettingsPage: FC = () => {
     compilerPreset,
   } = settings;
 
+  const dmgEnabled = colorMode !== "color";
   const colorEnabled = colorMode !== "mono";
 
   const onSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -160,6 +166,27 @@ const SettingsPage: FC = () => {
     [onChangeSettingProp]
   );
 
+  const onEditBGP = useCallback(
+    (palette: MonoPalette) => {
+      editSettings({ defaultBGP: palette });
+    },
+    [defaultBGP, editSettings]
+  );
+
+  const onEditOBP0 = useCallback(
+    (palette: MonoPalette) => {
+      editSettings({ defaultOBP0: palette });
+    },
+    [defaultOBP0, editSettings]
+  );
+
+  const onEditOBP1 = useCallback(
+    (palette: MonoPalette) => {
+      editSettings({ defaultOBP1: palette });
+    },
+    [defaultOBP1, editSettings]
+  );
+
   const onEditPaletteId = useCallback(
     (index: number, e: string) => {
       const paletteIds = defaultBackgroundPaletteIds
@@ -229,6 +256,8 @@ const SettingsPage: FC = () => {
     [dispatch]
   );
 
+  const dmgColors = [settings.customColorsWhite, settings.customColorsLight, settings.customColorsDark, settings.customColorsBlack];
+
   return (
     <SettingsPageWrapper>
       {showMenu && (
@@ -337,6 +366,58 @@ const SettingsPage: FC = () => {
               </FormInfo>
             </SettingRowInput>
           </SearchableSettingRow>
+          {dmgEnabled && (
+            <>
+              <SearchableSettingRow
+                searchTerm={searchTerm}
+                searchMatches={[l10n("FIELD_DEFAULT_DMG_BGP")]}
+              >
+                <SettingRowLabel>
+                  {l10n("FIELD_DEFAULT_DMG_BGP")}
+                </SettingRowLabel>
+                <SettingRowInput>
+                  <DMGPalettePicker 
+                    name="bgp" 
+                    palette={settings.defaultBGP} 
+                    isSpritePalette={false} 
+                    onChange={onEditBGP} 
+                  />
+                </SettingRowInput>
+              </SearchableSettingRow>
+              <SearchableSettingRow
+                searchTerm={searchTerm}
+                searchMatches={[l10n("FIELD_DEFAULT_DMG_OBP0")]}
+              >
+                <SettingRowLabel>
+                  {l10n("FIELD_DEFAULT_DMG_OBP0")}
+                </SettingRowLabel>
+                <SettingRowInput>
+                  <DMGPalettePicker 
+                    name="obp0" 
+                    palette={settings.defaultOBP0} 
+                    isSpritePalette={true} 
+                    onChange={onEditOBP0} 
+                  />
+                </SettingRowInput>
+              </SearchableSettingRow>
+              <SearchableSettingRow
+                searchTerm={searchTerm}
+                searchMatches={[l10n("FIELD_DEFAULT_DMG_OBP1")]}
+              >
+                <SettingRowLabel>
+                  {l10n("FIELD_DEFAULT_DMG_OBP1")}
+                </SettingRowLabel>
+                <SettingRowInput>
+                  <DMGPalettePicker 
+                    name="obp1" 
+                    palette={settings.defaultOBP1} 
+                    isSpritePalette={true} 
+                    onChange={onEditOBP1} 
+                  />
+                </SettingRowInput>
+              </SearchableSettingRow>
+            </>            
+          )}
           {colorEnabled && (
             <>
               <SearchableSettingRow
diff --git a/src/components/sprites/MetaspriteEditor.tsx b/src/components/sprites/MetaspriteEditor.tsx
index c799e3085..82fc7773a 100644
--- a/src/components/sprites/MetaspriteEditor.tsx
+++ b/src/components/sprites/MetaspriteEditor.tsx
@@ -163,8 +163,8 @@ const MetaspriteEditor = ({
   const gridSize = 8;
   const zoom = useAppSelector((state) => state.editor.zoomSprite) / 100;
   const showSpriteGrid = useAppSelector((state) => state.editor.showSpriteGrid);
-  const colorsEnabled = useAppSelector(
-    (state) => state.project.present.settings.colorMode !== "mono"
+  const previewAsMono = useAppSelector((state) =>
+    state.project.present.settings.colorMode === "mono" || state.project.present.settings.previewAsMono
   );
   const spriteSheet = useAppSelector((state) =>
     spriteSheetSelectors.selectById(state, spriteSheetId)
@@ -718,7 +718,7 @@ const MetaspriteEditor = ({
 
   const getTilePalette = useCallback(
     (metaspriteTile: MetaspriteTile) => {
-      if (!colorsEnabled) {
+      if (previewAsMono) {
         return undefined;
       }
       if (!scene) {
@@ -731,7 +731,7 @@ const MetaspriteEditor = ({
           defaultSpritePaletteIds[metaspriteTile.paletteIndex]
       ];
     },
-    [scene, defaultSpritePaletteIds, palettesLookup, colorsEnabled]
+    [scene, defaultSpritePaletteIds, palettesLookup, previewAsMono]
   );
 
   const [contextMenu, setContextMenu] =
@@ -806,6 +806,7 @@ const MetaspriteEditor = ({
                 <MetaspriteCanvas
                   spriteSheetId={spriteSheetId}
                   metaspriteId={prevMetaspriteId}
+                  previewAsMono={previewAsMono}
                 />
               </div>
             )}
diff --git a/src/components/sprites/MetaspriteEditorPreviewSettings.tsx b/src/components/sprites/MetaspriteEditorPreviewSettings.tsx
index b7707862e..f07a38c6e 100644
--- a/src/components/sprites/MetaspriteEditorPreviewSettings.tsx
+++ b/src/components/sprites/MetaspriteEditorPreviewSettings.tsx
@@ -5,6 +5,7 @@ import {
   sceneSelectors,
   spriteSheetSelectors,
 } from "store/features/entities/entitiesState";
+import settingsActions from "store/features/settings/settingsActions";
 import editorActions from "store/features/editor/editorActions";
 import l10n from "shared/lib/lang/l10n";
 import { SceneSelect } from "components/forms/SceneSelect";
@@ -76,7 +77,12 @@ const MetaspriteEditorPreviewSettings = ({
 
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [buttonFocus, setButtonFocus] = useState<boolean>(false);
-  const value = useAppSelector((state) => state.editor.previewAsSceneId);
+  const value = useAppSelector((state) => {
+    if (state.project.present.settings.previewAsMono) return "0";
+    const sceneId = state.editor.previewAsSceneId;
+    if (sceneId === "") return "1";
+    return sceneId;
+  });
   const spriteSheet = useAppSelector((state) =>
     spriteSheetSelectors.selectById(state, spriteSheetId)
   );
@@ -159,6 +165,11 @@ const MetaspriteEditorPreviewSettings = ({
   };
 
   const onChange = (newValue: string) => {
+    dispatch(
+      settingsActions.editSettings({
+        previewAsMono: (newValue == "0"),
+      })
+    );
     dispatch(editorActions.setPreviewAsSceneId(newValue));
   };
 
@@ -181,7 +192,7 @@ const MetaspriteEditorPreviewSettings = ({
                   onBlur={closeMenu}
                   maxMenuHeight={200}
                   optional
-                  optionalLabel={l10n("FIELD_DEFAULT_COLORS")}
+                  optionalLabels={[l10n("FIELD_COLOR_MODE_MONO"), l10n("FIELD_DEFAULT_COLORS")]}
                   {...selectMenuStyleProps}
                 />
               </SelectMenu>
@@ -198,7 +209,7 @@ const MetaspriteEditorPreviewSettings = ({
               ? l10n("FIELD_PREVIEW_AS_SCENE", {
                   sceneName: sceneName(scene, sceneIndex),
                 })
-              : l10n("FIELD_PREVIEW_AS_DEFAULT")}
+              : ([l10n("FIELD_PREVIEW_AS_MONO"), l10n("FIELD_PREVIEW_AS_DEFAULT")][+value])}
           </Pill>
           <FixedSpacer width={10} />
         </>
diff --git a/src/components/sprites/preview/MetaspriteCanvas.tsx b/src/components/sprites/preview/MetaspriteCanvas.tsx
index 9f97d6848..41c978fe9 100644
--- a/src/components/sprites/preview/MetaspriteCanvas.tsx
+++ b/src/components/sprites/preview/MetaspriteCanvas.tsx
@@ -6,7 +6,7 @@ import {
   metaspriteTileSelectors,
   spriteSheetSelectors,
 } from "store/features/entities/entitiesState";
-import { MetaspriteTile, Palette } from "shared/lib/entities/entitiesTypes";
+import { MetaspriteTile, Palette, MonoPalette } from "shared/lib/entities/entitiesTypes";
 import MetaspriteCanvasWorker, {
   MetaspriteCanvasResult,
 } from "./MetaspriteCanvas.worker";
@@ -18,6 +18,7 @@ interface MetaspriteCanvasProps {
   flipX?: boolean;
   palettes?: Palette[];
   previewAsMono?: boolean;
+  monoPalettes?:MonoPalette[]
 }
 
 const worker = new MetaspriteCanvasWorker();
@@ -29,6 +30,7 @@ export const MetaspriteCanvas = memo(
     flipX = false,
     palettes,
     previewAsMono,
+    monoPalettes,
   }: MetaspriteCanvasProps) => {
     const [workerId] = useState(Math.random());
     const [tiles, setTiles] = useState<MetaspriteTile[]>([]);
@@ -46,6 +48,8 @@ export const MetaspriteCanvas = memo(
     );
     const width = spriteSheet?.canvasWidth || 0;
     const height = spriteSheet?.canvasHeight || 0;
+    const settings = useAppSelector((state) => state.project.present.settings);
+    const obp01 = monoPalettes ?? [settings.defaultOBP0, settings.defaultOBP1];
 
     // Cache metasprite tiles
     useEffect(() => {
@@ -111,6 +115,7 @@ export const MetaspriteCanvas = memo(
         palette: DMG_PALETTE.colors,
         palettes: paletteColors,
         previewAsMono,
+        obp01
       });
     }, [
       canvasRef,
@@ -122,6 +127,7 @@ export const MetaspriteCanvas = memo(
       flipX,
       workerId,
       previewAsMono,
+      obp01
     ]);
 
     return (
diff --git a/src/components/sprites/preview/MetaspriteCanvas.worker.ts b/src/components/sprites/preview/MetaspriteCanvas.worker.ts
index c1c7a00e2..3d3d27829 100644
--- a/src/components/sprites/preview/MetaspriteCanvas.worker.ts
+++ b/src/components/sprites/preview/MetaspriteCanvas.worker.ts
@@ -27,7 +27,8 @@ workerCtx.onmessage = async (evt) => {
   const palette = evt.data.palette;
   const palettes: [string, string, string, string][] = evt.data.palettes;
   const previewAsMono = evt.data.previewAsMono;
-  const key = JSON.stringify({ src, palettes, previewAsMono });
+  const monoPalettes = evt.data.monoPalettes ?? [[0,0,1,3], [0,0,2,3]];
+  const key = JSON.stringify({ src, palettes, previewAsMono, monoPalettes });
 
   let img: ImageBitmap;
   let tilesCanvas: OffscreenCanvas;
@@ -60,7 +61,7 @@ workerCtx.onmessage = async (evt) => {
       OBP1: new OffscreenCanvas(img.width, img.height),
     };
 
-    (["OBP0", "OBP1"] as ObjPalette[]).forEach((objPalette) => {
+    (["OBP0", "OBP1"] as ObjPalette[]).forEach((objPalette, i) => {
       const canvas = tilesCanvases[objPalette];
       const ctx = canvas.getContext("2d");
       if (!ctx) {
@@ -71,7 +72,7 @@ workerCtx.onmessage = async (evt) => {
         tileImageData.width,
         tileImageData.height
       );
-      colorizeSpriteData(imageDataCopy.data, objPalette, palette);
+      colorizeSpriteData(imageDataCopy.data, monoPalettes[i], palette);
       ctx.putImageData(imageDataCopy, 0, 0);
     });
 
@@ -91,7 +92,7 @@ workerCtx.onmessage = async (evt) => {
           tileImageData.width,
           tileImageData.height
         );
-        colorizeSpriteData(imageDataCopy.data, null, colors);
+        colorizeSpriteData(imageDataCopy.data, [0,0,1,3], colors);
         ctx.putImageData(imageDataCopy, 0, 0);
       });
     }
diff --git a/src/components/sprites/preview/SpriteSliceCanvas.tsx b/src/components/sprites/preview/SpriteSliceCanvas.tsx
index c0b735a73..43bebf42f 100644
--- a/src/components/sprites/preview/SpriteSliceCanvas.tsx
+++ b/src/components/sprites/preview/SpriteSliceCanvas.tsx
@@ -38,6 +38,8 @@ export const SpriteSliceCanvas = ({
   const spriteSheet = useAppSelector((state) =>
     spriteSheetSelectors.selectById(state, spriteSheetId)
   );
+  const settings = useAppSelector((state) => state.project.present.settings);
+  const monoPalette = objPalette === "OBP1" ? settings.defaultOBP1 : settings.defaultOBP0;
 
   const onWorkerComplete = useCallback(
     (e: MessageEvent<SpriteSliceCanvasResult>) => {
@@ -85,7 +87,7 @@ export const SpriteSliceCanvas = ({
       height,
       flipX,
       flipY,
-      objPalette: palette ? "OBP0" : objPalette,
+      monoPalette: palette ? [0,0,1,3] : monoPalette,
       palette: (palette || DMG_PALETTE).colors,
     });
   }, [
@@ -97,7 +99,7 @@ export const SpriteSliceCanvas = ({
     height,
     flipX,
     flipY,
-    objPalette,
+    monoPalette,
     palette,
     workerId,
   ]);
diff --git a/src/components/sprites/preview/SpriteSliceCanvas.worker.ts b/src/components/sprites/preview/SpriteSliceCanvas.worker.ts
index 3bf1fa0fc..ec37c354d 100644
--- a/src/components/sprites/preview/SpriteSliceCanvas.worker.ts
+++ b/src/components/sprites/preview/SpriteSliceCanvas.worker.ts
@@ -25,7 +25,7 @@ workerCtx.onmessage = async (evt) => {
   const height = evt.data.height;
   const flipX = evt.data.flipX;
   const flipY = evt.data.flipY;
-  const objPalette = evt.data.objPalette;
+  const monoPalette = evt.data.monoPalette;
   const palette = evt.data.palette;
 
   let img: ImageBitmap;
@@ -64,7 +64,7 @@ workerCtx.onmessage = async (evt) => {
 
   // Colorize
   const imageData = ctx.getImageData(0, 0, width, height);
-  colorizeSpriteData(imageData.data, objPalette, palette);
+  colorizeSpriteData(imageData.data, monoPalette, palette);
   ctx.putImageData(imageData, 0, 0);
 
   const canvasImage = canvas.transferToImageBitmap();
diff --git a/src/components/ui/form/NumberInput.tsx b/src/components/ui/form/NumberInput.tsx
index 2f97152f3..2702a3319 100644
--- a/src/components/ui/form/NumberInput.tsx
+++ b/src/components/ui/form/NumberInput.tsx
@@ -17,7 +17,7 @@ export interface NumberInputProps
 const NumberInputWrapper = styled.div`
   position: relative;
   width: 100%;
-  min-width: 45px;
+  min-width: 10px;
 `;
 
 const valueToString = (value: unknown) =>
diff --git a/src/components/world/ActorView.tsx b/src/components/world/ActorView.tsx
index 26d766432..ab21b60f8 100644
--- a/src/components/world/ActorView.tsx
+++ b/src/components/world/ActorView.tsx
@@ -8,7 +8,7 @@ import {
 } from "store/features/entities/entitiesState";
 import editorActions from "store/features/editor/editorActions";
 import styled, { css } from "styled-components";
-import { Palette } from "shared/lib/entities/entitiesTypes";
+import { MonoPalette, Palette } from "shared/lib/entities/entitiesTypes";
 import { useAppDispatch, useAppSelector } from "store/hooks";
 import renderActorContextMenu from "./renderActorContextMenu";
 import { ContextMenu } from "ui/menu/ContextMenu";
@@ -19,6 +19,7 @@ interface ActorViewProps {
   sceneId: string;
   palettes?: Palette[];
   editable?: boolean;
+  monoPalettes?:MonoPalette[];
 }
 
 interface WrapperProps {
@@ -68,7 +69,7 @@ const CanvasWrapper = styled.div`
 `;
 
 const ActorView = memo(
-  ({ id, sceneId, palettes, editable }: ActorViewProps) => {
+  ({ id, sceneId, palettes, editable, monoPalettes }: ActorViewProps) => {
     const dispatch = useAppDispatch();
 
     const actor = useAppSelector((state) =>
@@ -190,6 +191,7 @@ const ActorView = memo(
                 palettes={palettes}
                 previewAsMono={previewAsMono}
                 offsetPosition
+                monoPalettes={monoPalettes}
               />
               {showBoundingBox && (
                 <SpriteBoundingBox
diff --git a/src/components/world/AutoColorizedImage.tsx b/src/components/world/AutoColorizedImage.tsx
index 03aaa11dc..0888e360c 100644
--- a/src/components/world/AutoColorizedImage.tsx
+++ b/src/components/world/AutoColorizedImage.tsx
@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef } from "react";
 import AutoColorizedImageWorker, {
   AutoColorizedImageResult,
 } from "./AutoColorizedImage.worker";
+import { MonoPalette } from "shared/lib/entities/entitiesTypes";
 
 const workerPool: AutoColorizedImageWorker[] = [];
 for (let i = 0; i < navigator.hardwareConcurrency; i++) {
@@ -14,6 +15,7 @@ interface AutoColorizedImageProps {
   src: string;
   tilesSrc?: string;
   previewAsMono?: boolean;
+  monoPalette?: MonoPalette;
 }
 
 const AutoColorizedImage = ({
@@ -22,6 +24,7 @@ const AutoColorizedImage = ({
   src,
   tilesSrc,
   previewAsMono,
+  monoPalette
 }: AutoColorizedImageProps) => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const workerId = useRef(Math.random());
@@ -65,10 +68,11 @@ const AutoColorizedImage = ({
         width,
         height,
         previewAsMono,
+        monoPalette,
         id: workerId.current,
       });
     }
-  }, [height, src, tilesSrc, width, previewAsMono]);
+  }, [height, src, tilesSrc, width, previewAsMono, monoPalette]);
 
   return <canvas ref={canvasRef} width={width} height={height} />;
 };
diff --git a/src/components/world/AutoColorizedImage.worker.ts b/src/components/world/AutoColorizedImage.worker.ts
index 43859b6a7..423604250 100644
--- a/src/components/world/AutoColorizedImage.worker.ts
+++ b/src/components/world/AutoColorizedImage.worker.ts
@@ -28,6 +28,7 @@ workerCtx.onmessage = async (evt) => {
   const src = evt.data.src;
   const tilesSrc = evt.data.tilesSrc as string | undefined;
   const previewAsMono = evt.data.previewAsMono;
+  const monoPalette = evt.data.monoPalette ?? [0, 1, 2, 3];
 
   let canvas: OffscreenCanvas;
   let ctx: OffscreenCanvasRenderingContext2D;
@@ -126,7 +127,7 @@ workerCtx.onmessage = async (evt) => {
   const palettesRGB = paletteData.palettes.map((colors: string[]) =>
     colors.map(hex2GBCrgb)
   );
-  const dmgPalette = DMG_PALETTE.colors.map(hex2GBCrgb);
+  const dmgPalette = DMG_PALETTE.colors.map(hex2GBCrgb);//TODO: update dmg palette from custom colors instead of it being constant -NB
 
   const tiles = paletteData.map;
   const indexedImage = paletteData.indexedImage;
@@ -146,7 +147,7 @@ workerCtx.onmessage = async (evt) => {
         const index = ii * 4;
         const colorIndex = indexedImage.data[ii];
         const color = previewAsMono
-          ? dmgPalette[colorIndex]
+          ? dmgPalette[monoPalette[colorIndex]]
           : palette[colorIndex];
         data[index] = color.r;
         data[index + 1] = color.g;
diff --git a/src/components/world/ColorizedImage.tsx b/src/components/world/ColorizedImage.tsx
index abec9d079..82a0ac029 100644
--- a/src/components/world/ColorizedImage.tsx
+++ b/src/components/world/ColorizedImage.tsx
@@ -16,6 +16,7 @@ interface ColorizedImageProps {
   tiles: number[];
   palettes: Palette[];
   previewAsMono?: boolean;
+  monoPalette?: [number,number,number,number];
 }
 
 const ColorizedImage = ({
@@ -25,6 +26,7 @@ const ColorizedImage = ({
   tiles,
   palettes,
   previewAsMono,
+  monoPalette,
 }: ColorizedImageProps) => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const workerId = useRef(Math.random());
@@ -69,12 +71,13 @@ const ColorizedImage = ({
         width,
         height,
         previewAsMono,
+        monoPalette,
         id: workerId.current,
       });
     }
-  }, [height, palettes, previewAsMono, src, tiles, width]);
+  }, [height, palettes, previewAsMono, monoPalette, src, tiles, width]);
 
-  return <canvas ref={canvasRef} width={width} height={height} />;
+  return <canvas ref={canvasRef} width={width} height={height}/>;
 };
 
 export default ColorizedImage;
diff --git a/src/components/world/ColorizedImage.worker.ts b/src/components/world/ColorizedImage.worker.ts
index f3241139c..bbcf878ee 100644
--- a/src/components/world/ColorizedImage.worker.ts
+++ b/src/components/world/ColorizedImage.worker.ts
@@ -38,6 +38,7 @@ workerCtx.onmessage = async (evt) => {
   const src = evt.data.src;
   const tiles = evt.data.tiles;
   const previewAsMono = evt.data.previewAsMono;
+  const monoPalette = evt.data.monoPalette ?? [0, 1, 2, 3];
   const palettes = evt.data.palettes;
   const palettesRGB = palettes.map((colors: string[]) =>
     colors.map(hex2GBCrgb)
@@ -101,7 +102,7 @@ workerCtx.onmessage = async (evt) => {
         const index = (pX + pY * width) * 4;
         const colorIndex = indexColour(data[index + 1]);
         const color = previewAsMono
-          ? dmgPalette[colorIndex]
+          ? dmgPalette[monoPalette[colorIndex]]
           : palette[colorIndex];
         data[index] = color.r;
         data[index + 1] = color.g;
diff --git a/src/components/world/SceneView.tsx b/src/components/world/SceneView.tsx
index c469f569e..7f072721f 100644
--- a/src/components/world/SceneView.tsx
+++ b/src/components/world/SceneView.tsx
@@ -259,8 +259,9 @@ const SceneView = memo(
     );
     const previewAsMono = useAppSelector(
       (state) =>
-        state.project.present.settings.colorMode === "mixed" &&
-        state.project.present.settings.previewAsMono
+        state.project.present.settings.colorMode === "mono" ||
+        (state.project.present.settings.colorMode === "mixed" &&
+         state.project.present.settings.previewAsMono)
     );
 
     const tool = useAppSelector((state) => state.editor.tool);
@@ -373,6 +374,17 @@ const SceneView = memo(
         state.project.present.settings.defaultBackgroundPaletteIds ?? []
     );
 
+    const backgroundMonoPalette = useAppSelector((state) => {
+      const defaultBGP = state.project.present.settings.defaultBGP ?? [0,1,2,3]
+      return scene.dmgBGP ?? defaultBGP;
+    });
+
+    const spriteMonoPalettes = useAppSelector((state) => {
+      const defaultOBP0 = state.project.present.settings.defaultOBP0 ?? [0,0,1,3];
+      const defaultOBP1 = state.project.present.settings.defaultOBP1 ?? [0,0,2,3];
+      return [scene.dmgOBP0 ?? defaultOBP0, scene.dmgOBP1 ?? defaultOBP1];
+    });
+
     const getPalette = useCallback(
       (paletteIndex: number) => {
         const sceneBackgroundPaletteIds = scene?.paletteIds ?? [];
@@ -426,7 +438,7 @@ const SceneView = memo(
 
     const spritePalettes = useMemo(
       () =>
-        gbcEnabled
+        !previewAsMono
           ? [
               getSpritePalette(0),
               getSpritePalette(1),
@@ -438,7 +450,7 @@ const SceneView = memo(
               getSpritePalette(7),
             ]
           : undefined,
-      [gbcEnabled, getSpritePalette]
+      [previewAsMono, getSpritePalette]
     );
 
     const slopePreview = useAppSelector((state) => state.editor.slopePreview);
@@ -672,6 +684,7 @@ const SceneView = memo(
                       : undefined
                   }
                   previewAsMono={previewAsMono}
+                  monoPalette={backgroundMonoPalette}
                 />
               ) : (
                 <ColorizedImage
@@ -681,6 +694,7 @@ const SceneView = memo(
                   tiles={tileColors}
                   palettes={palettes}
                   previewAsMono={previewAsMono}
+                  monoPalette={backgroundMonoPalette}
                 />
               )}
             </>
@@ -784,6 +798,7 @@ const SceneView = memo(
                 sceneId={id}
                 palettes={spritePalettes}
                 editable={editable}
+                monoPalettes={spriteMonoPalettes}
               />
             ))}
           {selected && (
diff --git a/src/components/world/SpriteSheetCanvas.tsx b/src/components/world/SpriteSheetCanvas.tsx
index b715d1b7d..ef1466d68 100644
--- a/src/components/world/SpriteSheetCanvas.tsx
+++ b/src/components/world/SpriteSheetCanvas.tsx
@@ -6,7 +6,7 @@ import {
   spriteSheetSelectors,
   spriteStateSelectors,
 } from "store/features/entities/entitiesState";
-import { ActorDirection, Palette } from "shared/lib/entities/entitiesTypes";
+import { ActorDirection, Palette, MonoPalette } from "shared/lib/entities/entitiesTypes";
 import { MetaspriteCanvas } from "components/sprites/preview/MetaspriteCanvas";
 
 interface SpriteSheetCanvasProps {
@@ -16,6 +16,7 @@ interface SpriteSheetCanvasProps {
   palettes?: Palette[];
   previewAsMono?: boolean;
   offsetPosition?: boolean;
+  monoPalettes?:MonoPalette[];
 }
 
 const Wrapper = styled.div`
@@ -31,6 +32,7 @@ const SpriteSheetCanvas = ({
   palettes,
   previewAsMono,
   offsetPosition,
+  monoPalettes,
 }: SpriteSheetCanvasProps) => {
   const sprite = useAppSelector((state) =>
     spriteSheetSelectors.selectById(state, spriteSheetId)
@@ -91,6 +93,7 @@ const SpriteSheetCanvas = ({
         palettes={palettes}
         flipX={flipX}
         previewAsMono={previewAsMono}
+        monoPalettes={monoPalettes}
       />
     </Wrapper>
   );
diff --git a/src/consts.ts b/src/consts.ts
index f7e498cb8..cc4e77d33 100755
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -106,7 +106,7 @@ export const DMG_PALETTE = {
   id: "dmg",
   name: "DMG (GB Default)",
   colors: ["E8F8E0", "B0F088", "509878", "202850"],
-} as Palette;
+} as Palette; //TODO: make this configurable via preferences -NB
 
 export const FLAG_VRAM_BANK_1 = 0x8;
 
@@ -152,6 +152,9 @@ export const defaultProjectSettings: Settings = {
   zoom: 100,
   sgbEnabled: false,
   customHead: "",
+  defaultBGP: [0, 1, 2, 3],
+  defaultOBP0: [0, 0, 1, 3],
+  defaultOBP1: [0, 0, 2, 3],
   defaultBackgroundPaletteIds: [
     "default-bg-1",
     "default-bg-2",
diff --git a/src/lang/en.json b/src/lang/en.json
index 4ee294e86..ea7ada7d7 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -593,6 +593,9 @@
   "FIELD_COLLISION_LADDER": "Ladder",
   "FIELD_RESET_PALETTE": "Reset Palette",
   "FIELD_REMOVE_PALETTE": "Remove Palette",
+  "FIELD_DEFAULT_DMG_BGP": "DMG Background Palette (BGP)",
+  "FIELD_DEFAULT_DMG_OBP0": "DMG Sprite Palette 0 (OBP0)",
+  "FIELD_DEFAULT_DMG_OBP1": "DMG Sprite Palette 1 (OBP1)",
   "FIELD_DEFAULT_BACKGROUND_PALETTES": "Default Background Palettes",
   "FIELD_DEFAULT_SPRITE_PALETTES": "Default Sprite Palettes",
   "FIELD_CUSTOM_HTML_HEADER": "Custom HTML Header",
diff --git a/src/lang/es.json b/src/lang/es.json
index b04f7e60a..a6c56aa00 100644
--- a/src/lang/es.json
+++ b/src/lang/es.json
@@ -588,6 +588,9 @@
   "FIELD_COLLISION_LADDER": "Escalera",
   "FIELD_RESET_PALETTE": "Restablecer paleta",
   "FIELD_REMOVE_PALETTE": "Eliminar paleta",
+  "FIELD_DEFAULT_DMG_BGP": "Paletas de Fondo Monocromática (BGP)",
+  "FIELD_DEFAULT_DMG_OBP0": "Paleta de Sprites Monocromáticos 0 (OBP0)",
+  "FIELD_DEFAULT_DMG_OBP1": "Paleta de Sprites Monocromáticos 1 (OBP1)",
   "FIELD_DEFAULT_BACKGROUND_PALETTES": "Paletas de fondo predeterminadas",
   "FIELD_DEFAULT_SPRITE_PALETTES": "Paletas de Sprites predeterminadas",
   "FIELD_CUSTOM_HTML_HEADER": "Encabezado HTML personalizado",
diff --git a/src/lib/compiler/compileData.ts b/src/lib/compiler/compileData.ts
index 478094320..59bb573b1 100755
--- a/src/lib/compiler/compileData.ts
+++ b/src/lib/compiler/compileData.ts
@@ -427,8 +427,10 @@ export const precompilePalettes = async (
   const isColor = settings.colorMode !== "mono" || settings.sgbEnabled;
 
   const palettesLookup = indexById(palettes);
-  const defaultBackgroundPaletteIds =
-    settings.defaultBackgroundPaletteIds || [];
+  const defaultBGP = settings.defaultBGP || [];
+  const defaultOBP0 = settings.defaultOBP0 || [];
+  const defaultOBP1 = settings.defaultOBP1 || [];
+  const defaultBackgroundPaletteIds = settings.defaultBackgroundPaletteIds || [];
   const defaultSpritePaletteIds = settings.defaultSpritePaletteIds || [];
 
   const getPalette = (id: string, fallbackId: string): Palette => {
@@ -461,25 +463,26 @@ export const precompilePalettes = async (
     };
   };
 
+  const getDMGPalette = (scenePal: number[], defaultPal: number[]): [string, string, string, string] => {
+    const defaultPalette = ["DMG_WHITE", "DMG_LITE_GRAY", "DMG_DARK_GRAY", "DMG_BLACK"] as [string, string, string, string];
+    if (scenePal.length == 4) return [defaultPalette[scenePal[0]], defaultPalette[scenePal[1]], defaultPalette[scenePal[2]], defaultPalette[scenePal[3]]];
+    else if (defaultPal.length == 4) return [defaultPalette[defaultPal[0]], defaultPalette[defaultPal[1]], defaultPalette[defaultPal[2]], defaultPalette[defaultPal[3]]];
+    return defaultPalette;
+  };
+
   // Background palettes
 
   for (let i = 0; i < scenes.length; i++) {
     const scene = scenes[i];
     const sceneBackgroundPaletteIds = scene.paletteIds || [];
+    const sceneBGP = scene.dmgBGP || [];
 
     const background = backgrounds[scene.backgroundId];
     if (background?.autoPalettes?.[0]) {
     }
 
     const scenePalette = {
-      dmg: [
-        ["DMG_WHITE", "DMG_LITE_GRAY", "DMG_DARK_GRAY", "DMG_BLACK"] as [
-          string,
-          string,
-          string,
-          string
-        ],
-      ],
+      dmg: [ getDMGPalette(sceneBGP, defaultBGP), ],
       colors: isColor
         ? [
             getBackgroundPalette(
@@ -552,21 +555,13 @@ export const precompilePalettes = async (
   for (let i = 0; i < scenes.length; i++) {
     const scene = scenes[i];
     const sceneSpritePaletteIds = scene.spritePaletteIds || [];
+    const sceneOBP0 = scene.dmgOBP0 || [];
+    const sceneOBP1 = scene.dmgOBP1 || [];
 
     const actorsPalette = {
       dmg: [
-        ["DMG_WHITE", "DMG_WHITE", "DMG_LITE_GRAY", "DMG_BLACK"] as [
-          string,
-          string,
-          string,
-          string
-        ],
-        ["DMG_WHITE", "DMG_WHITE", "DMG_DARK_GRAY", "DMG_BLACK"] as [
-          string,
-          string,
-          string,
-          string
-        ],
+        getDMGPalette(sceneOBP0, defaultOBP0),
+        getDMGPalette(sceneOBP1, defaultOBP1),
       ],
       colors: isColor
         ? [
diff --git a/src/shared/lib/entities/entitiesTypes.ts b/src/shared/lib/entities/entitiesTypes.ts
index 9f8f30a8c..4e5847778 100644
--- a/src/shared/lib/entities/entitiesTypes.ts
+++ b/src/shared/lib/entities/entitiesTypes.ts
@@ -12,6 +12,7 @@ export type SpriteAnimationType =
   | "platform_player"
   | "cursor";
 export type ObjPalette = "OBP0" | "OBP1";
+export type MonoPalette = [number, number, number, number];
 
 export type UnionVariableValue = {
   type: "variable";
@@ -434,6 +435,9 @@ export type Scene = {
   height: number;
   backgroundId: string;
   tilesetId: string;
+  dmgBGP?: MonoPalette;
+  dmgOBP0?: MonoPalette;
+  dmgOBP1?: MonoPalette;
   paletteIds: string[];
   spritePaletteIds: string[];
   collisions: number[];
diff --git a/src/shared/lib/helpers/color.ts b/src/shared/lib/helpers/color.ts
index 540e47694..ad48f21b8 100644
--- a/src/shared/lib/helpers/color.ts
+++ b/src/shared/lib/helpers/color.ts
@@ -1,4 +1,4 @@
-import type { ObjPalette } from "shared/lib/entities/entitiesTypes";
+import type { MonoPalette, ObjPalette } from "shared/lib/entities/entitiesTypes";
 
 /* eslint-disable no-param-reassign */
 const hexStringToDecimal = (str: string) => {
@@ -62,29 +62,23 @@ export const rgb5BitToGBCHex = (
     .padStart(6, "0");
 };
 
-export const indexSpriteColour = (g: number, objPalette: ObjPalette) => {
-  if (g < 65) {
-    return 3;
-  }
-  if (g < 130) {
-    return objPalette === "OBP1" ? 2 : 3;
-  }
-  if (g < 205) {
-    return objPalette === "OBP1" ? 2 : 1;
-  }
-  return 0;
+//NOTE: this assumes GB Studio's sprite image requirements are met... https://www.gbstudio.dev/docs/assets/sprites#image-requirements
+export const indexSpriteColour = (g: number, objPalette: MonoPalette) => {
+  if (g < 130) return objPalette[3];
+  if (g < 205) return objPalette[2];
+  return objPalette[1];
 };
 
 export const colorizeSpriteData = (
   mutData: Uint8ClampedArray,
-  objPalette: ObjPalette | null,
+  objPalette: MonoPalette,
   palette: string[]
 ) => {
   const paletteRGB = palette.map(hex2GBCrgb);
   for (let index = 0; index < mutData.length; index += 4) {
     const colorIndex = indexSpriteColour(
       mutData[index + 1],
-      objPalette || "OBP0"
+      objPalette
     );
     const color = paletteRGB[colorIndex];
     const r = mutData[index];
diff --git a/src/shared/lib/resources/types.ts b/src/shared/lib/resources/types.ts
index c04b973b7..0e362aec8 100644
--- a/src/shared/lib/resources/types.ts
+++ b/src/shared/lib/resources/types.ts
@@ -575,6 +575,24 @@ export const SettingsResource = Type.Object({
   zoom: Type.Number(),
   sgbEnabled: Type.Boolean(),
   customHead: Type.String(),
+  defaultBGP: Type.Tuple([
+    Type.Number(),
+    Type.Number(),
+    Type.Number(),
+    Type.Number(),
+  ]),
+  defaultOBP0: Type.Tuple([
+    Type.Number(),
+    Type.Number(),
+    Type.Number(),
+    Type.Number(),
+  ]),
+  defaultOBP1: Type.Tuple([
+    Type.Number(),
+    Type.Number(),
+    Type.Number(),
+    Type.Number(),
+  ]),
   defaultBackgroundPaletteIds: Type.Tuple([
     Type.String(),
     Type.String(),
diff --git a/test/dummydata.ts b/test/dummydata.ts
index 41c95b7c6..71f552158 100644
--- a/test/dummydata.ts
+++ b/test/dummydata.ts
@@ -310,6 +310,9 @@ export const dummyProjectData: ProjectData = {
     worldScrollY: 0,
     zoom: 100,
     sgbEnabled: false,
+    defaultBGP: [0, 1, 2, 3],
+    defaultOBP0: [0, 0, 1, 3],
+    defaultOBP1: [0, 0, 2, 3],
     defaultBackgroundPaletteIds: ["", "", "", "", "", "", "", ""],
     defaultSpritePaletteIds: ["", "", "", "", "", "", "", ""],
     defaultSpritePaletteId: "",
@@ -563,6 +566,9 @@ export const dummySettingsResource: SettingsResource = {
   zoom: 1,
   sgbEnabled: false,
   customHead: "head",
+  defaultBGP: [0, 1, 2, 3],
+  defaultOBP0: [0, 0, 1, 3],
+  defaultOBP1: [0, 0, 2, 3],
   defaultBackgroundPaletteIds: [
     "palette1",
     "palette2",
@@ -687,6 +693,9 @@ export const dummyProjectResources: ProjectResources = {
     worldScrollY: 0,
     zoom: 100,
     sgbEnabled: false,
+    defaultBGP: [0, 1, 2, 3],
+    defaultOBP0: [0, 0, 1, 3],
+    defaultOBP1: [0, 0, 2, 3],
     defaultBackgroundPaletteIds: ["", "", "", "", "", "", "", ""],
     defaultSpritePaletteIds: ["", "", "", "", "", "", "", ""],
     defaultSpritePaletteId: "",
diff --git a/test/resources/types.test.ts b/test/resources/types.test.ts
index f825def97..3f3524cd5 100644
--- a/test/resources/types.test.ts
+++ b/test/resources/types.test.ts
@@ -572,6 +572,9 @@ describe("TypeBox Schemas", () => {
       zoom: 1,
       sgbEnabled: false,
       customHead: "head",
+      defaultBGP: [0, 1, 2, 3],
+      defaultOBP0: [0, 0, 1, 3],
+      defaultOBP1: [0, 0, 2, 3],
       defaultBackgroundPaletteIds: [
         "palette1",
         "palette2",