diff --git a/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js b/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
index f773064ac8a..c62fadfd4af 100644
--- a/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
+++ b/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
@@ -565,6 +565,12 @@ var Wysiwyg = Widget.extend({
             colorpicker.on('color_picked', this, (e) => {
                 this._setColor(colorpicker, setCommandId, unsetCommandId, e.data.color, $dropdownNode, true);
             });
+            colorpicker.on('color_hover', this, (e) => {
+                this._setColor(colorpicker, setCommandId, unsetCommandId, e.data.color, $dropdownNode, false);
+            });
+            colorpicker.on('color_leave', this, (e) => {
+                this._setColor(colorpicker, 'undo', 'undo', undefined, $dropdownNode, false);
+            });
         }
     },
     /**