diff --git a/.config/quickshell/modules/common/Config.qml b/.config/quickshell/modules/common/Config.qml
index e8f2f39de..b2db153d2 100644
--- a/.config/quickshell/modules/common/Config.qml
+++ b/.config/quickshell/modules/common/Config.qml
@@ -135,6 +135,7 @@ Singleton {
 
             property JsonObject dock: JsonObject {
                 property bool enable: false
+                property bool monochromeIcons: true
                 property real height: 60
                 property real hoverRegionHeight: 2
                 property bool pinnedOnStartup: false
diff --git a/.config/quickshell/modules/dock/DockAppButton.qml b/.config/quickshell/modules/dock/DockAppButton.qml
index f4623e625..8afa65672 100644
--- a/.config/quickshell/modules/dock/DockAppButton.qml
+++ b/.config/quickshell/modules/dock/DockAppButton.qml
@@ -3,6 +3,7 @@ import "root:/services"
 import "root:/modules/common"
 import "root:/modules/common/widgets"
 import "root:/modules/common/functions/color_utils.js" as ColorUtils
+import Qt5Compat.GraphicalEffects
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Effects
@@ -91,6 +92,25 @@ DockButton {
                 }
             }
 
+            Loader {
+                active: Config.options.dock.monochromeIcons
+                anchors.fill: iconImageLoader
+                sourceComponent: Item {
+                    Desaturate {
+                        id: desaturatedIcon
+                        visible: false // There's already color overlay
+                        anchors.fill: parent
+                        source: iconImageLoader
+                        desaturation: 0.8
+                    }
+                    ColorOverlay {
+                        anchors.fill: desaturatedIcon
+                        source: desaturatedIcon
+                        color: ColorUtils.transparentize(Appearance.colors.colPrimary, 0.9)
+                    }
+                }
+            }
+
             RowLayout {
                 spacing: 3
                 anchors {