diff --git a/addons/web/static/src/legacy/js/widgets/colorpicker.js b/addons/web/static/src/legacy/js/widgets/colorpicker.js
index a67e97c979b42dd666256246becdddc86c7bd11d..7e07a21ba57b4ab9e757bf4785559f6809487585 100644
--- a/addons/web/static/src/legacy/js/widgets/colorpicker.js
+++ b/addons/web/static/src/legacy/js/widgets/colorpicker.js
@@ -44,7 +44,15 @@ var ColorpickerWidget = Widget.extend({
         // anywhere on the screen, crossing iframes).
         // TODO adapt in master: these events should probably be bound in
         // `start` instead of `init` (at least to be more conventional).
-        this.$documents = $([window.top, ...Array.from(window.top.frames)].map(w => w.document));
+        this.$documents = $([window.top, ...Array.from(window.top.frames).filter(frame => {
+            try {
+                const document = frame.document;
+                return !!document;
+            } catch (error) {
+                // We cannot access the document (cross origin).
+                return false;
+            }
+        })].map(w => w.document));
         this.$documents.on(`mousemove.${this.uniqueId}`, _.throttle((ev) => {
             this._onMouseMovePicker(ev);
             this._onMouseMoveSlider(ev);