diff --git a/quickshell/Modals/ColorPickerModal.qml b/quickshell/Modals/ColorPickerModal.qml
index f145b9191..b35458ece 100644
--- a/quickshell/Modals/ColorPickerModal.qml
+++ b/quickshell/Modals/ColorPickerModal.qml
@@ -21,7 +21,8 @@ DModal {
     keepContentLoaded: true
     allowStacking: true
 
-    function show() {
+    function show(overlayLayer = false) {
+        useOverlayLayer = overlayLayer;
         open();
         contentLoader?.item?.setColor(selectedColor);
     }
@@ -54,6 +55,7 @@ DModal {
         if (contentLoader?.item?.pickingFromScreen)
             return;
         onColorSelectedCallback = null;
+        useOverlayLayer = false;
     }
     onColorSelected: color => {
         if (typeof onColorSelectedCallback === "function")
@@ -111,7 +113,7 @@ DModal {
                 root.hideInstant();
                 startScreenPick();
             }
-            onShowRequested: root.show()
+            onShowRequested: root.show(root.useOverlayLayer)
         }
     }
 }
diff --git a/quickshell/Modules/Settings/Widgets/SettingsColorPicker.qml b/quickshell/Modules/Settings/Widgets/SettingsColorPicker.qml
index 714fa958d..93901cd44 100644
--- a/quickshell/Modules/Settings/Widgets/SettingsColorPicker.qml
+++ b/quickshell/Modules/Settings/Widgets/SettingsColorPicker.qml
@@ -101,7 +101,7 @@ SettingsRow {
                             root.customColorSelected(selectedColor);
                             root.colorModeSelected("custom");
                         };
-                        PopoutService.colorPickerModal.show();
+                        PopoutService.colorPickerModal.show(true);
                     }
                 }
             }