diff -u b/core/modules/color/color.js b/core/modules/color/color.js
--- b/core/modules/color/color.js
+++ b/core/modules/color/color.js
@@ -188,4 +188,4 @@
       preview();
     }
   };
-})(jQuery, Drupal);
+})(jQuery, Drupal);
\ No newline at end of file
only in patch2:
unchanged:
--- a/core/modules/color/color.es6.js
+++ b/core/modules/color/color.es6.js
@@ -234,9 +234,9 @@
         // Remove old bindings.
         if (focused) {
           $(focused)
-            .off('keyup', farb.updateValue)
-            .off('keyup', preview)
-            .off('keyup', resetScheme)
+            .off('keyup change', farb.updateValue)
+            .off('keyup change', preview)
+            .off('keyup change', resetScheme)
             .parent()
             .removeClass('item-selected');
         }
@@ -248,16 +248,16 @@
         });
         farb.setColor(input.value);
         $(focused)
-          .on('keyup', farb.updateValue)
-          .on('keyup', preview)
-          .on('keyup', resetScheme)
+          .on('keyup change', farb.updateValue)
+          .on('keyup change', preview)
+          .on('keyup change', resetScheme)
           .parent()
           .addClass('item-selected');
       }
 
       // Initialize color fields.
       form
-        .find('.js-color-palette input.form-text')
+        .find('.js-color-palette input.form-color')
         .each(function () {
           // Extract palette field name.
           this.key = this.id.substring(13);