diff --git a/core/includes/form.inc b/core/includes/form.inc
index ae60c90..9d3d506 100644
--- a/core/includes/form.inc
+++ b/core/includes/form.inc
@@ -685,6 +685,15 @@ function form_type_select_value($element, $input = FALSE) {
 }
 
 /**
+ * Determines the value for a textfield form element.
+ *
+ * @deprecated Use \Drupal\Core\Render\Element\Textfield::valueCallback().
+ */
+function form_type_textfield_value(&$element, $input, &$form_state) {
+  return Element\Textfield::valueCallback($element, $input, $form_state)
+}
+
+/**
  * Determines the value for form's token value.
  *
  * @param $element
diff --git a/core/lib/Drupal/Core/Render/Element/FormElement.php b/core/lib/Drupal/Core/Render/Element/FormElement.php
index 82a4bd2..210af9a 100644
--- a/core/lib/Drupal/Core/Render/Element/FormElement.php
+++ b/core/lib/Drupal/Core/Render/Element/FormElement.php
@@ -16,21 +16,10 @@
  *
  * @ingroup plugin_api
  */
-abstract class FormElement extends RenderElement {
+abstract class FormElement extends RenderElement implements FormElementInterface {
 
   /**
-   * Determines how user input is mapped to an element's #value property.
-   *
-   * @param array $element
-   *   An associative array containing the properties of the element.
-   * @param mixed $input
-   *   The incoming input to populate the form element. If this is FALSE,
-   *   the element's default value should be returned.
-   * @param array $form_state
-   *   An associative array containing the current state of the form.
-   *
-   * @return mixed
-   *   The value to assign to the element.
+   * {@inheritdoc}
    */
   public static function valueCallback(&$element, $input, &$form_state) {
     return NULL;
diff --git a/core/lib/Drupal/Core/Render/Element/FormElementInterface.php b/core/lib/Drupal/Core/Render/Element/FormElementInterface.php
new file mode 100644
index 0000000..992d94b
--- /dev/null
+++ b/core/lib/Drupal/Core/Render/Element/FormElementInterface.php
@@ -0,0 +1,31 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\Core\Render\Element\FormElementInterface.
+ */
+
+namespace Drupal\Core\Render\Element;
+
+/**
+ * Provides an interface for form element plugins.
+ */
+interface FormElementInterface extends ElementInterface {
+
+  /**
+   * Determines how user input is mapped to an element's #value property.
+   *
+   * @param array $element
+   *   An associative array containing the properties of the element.
+   * @param mixed $input
+   *   The incoming input to populate the form element. If this is FALSE,
+   *   the element's default value should be returned.
+   * @param array $form_state
+   *   An associative array containing the current state of the form.
+   *
+   * @return mixed
+   *   The value to assign to the element.
+   */
+  public static function valueCallback(&$element, $input, &$form_state);
+
+}
diff --git a/core/lib/Drupal/Core/Render/ElementInfoManager.php b/core/lib/Drupal/Core/Render/ElementInfoManager.php
index 1d65fb08..4756903 100644
--- a/core/lib/Drupal/Core/Render/ElementInfoManager.php
+++ b/core/lib/Drupal/Core/Render/ElementInfoManager.php
@@ -10,7 +10,7 @@
 use Drupal\Core\Cache\CacheBackendInterface;
 use Drupal\Core\Extension\ModuleHandlerInterface;
 use Drupal\Core\Plugin\DefaultPluginManager;
-use Drupal\Core\Render\Element\FormElement;
+use Drupal\Core\Render\Element\FormElementInterface;
 
 /**
  * Provides a plugin manager for element plugins.
@@ -70,7 +70,7 @@ protected function buildInfo() {
 
       // If this is element is to be used exclusively in a form, denote that it
       // will receive input, and assign the value callback.
-      if ($element instanceof FormElement) {
+      if ($element instanceof FormElementInterface) {
         $element_info['#input'] = TRUE;
         $element_info['#value_callback'] = array(get_class($element), 'valueCallback');
       }
diff --git a/core/modules/color/color.module b/core/modules/color/color.module
index f0137cf..8df18e1 100644
--- a/core/modules/color/color.module
+++ b/core/modules/color/color.module
@@ -4,6 +4,7 @@
  * Allows users to change the color scheme of themes.
  */
 
+use Drupal\color\Element\ColorPalette;
 use Drupal\Core\Asset\CssOptimizer;
 use Drupal\Component\Utility\Bytes;
 use Drupal\Component\Utility\Environment;
@@ -234,12 +235,9 @@ function color_scheme_form($complete_form, &$form_state, $theme) {
   foreach ($palette as $name => $value) {
     if (isset($names[$name])) {
       $form['palette'][$name] = array(
-        '#type' => 'textfield',
+        '#type' => 'color_palette',
         '#title' => String::checkPlain($names[$name]),
-        '#value_callback' => 'color_palette_color_value',
         '#default_value' => $value,
-        '#size' => 8,
-        '#attributes' => array('dir' => 'ltr'),
       );
     }
   }
@@ -281,33 +279,10 @@ function template_preprocess_color_scheme_form(&$variables) {
 /**
  * Determines the value for a palette color field.
  *
- * @param array $element
- *   The form element whose value is being populated.
- * @param string|bool $input
- *   The incoming input to populate the form element. If this is FALSE,
- *   the element's default value should be returned.
- * @param array $form_state
- *   A keyed array containing the current state of the form.
- *
- * @return string
- *   The data that will appear in the $form_state['values'] collection for this
- *   element. Return nothing to use the default.
+ * @deprecated Use \Drupal\color\Element\ColorPalette::valueCallback().
  */
 function color_palette_color_value($element, $input = FALSE, $form_state = array()) {
-  // If we suspect a possible cross-site request forgery attack, only accept
-  // hexadecimal CSS color strings from user input, to avoid problems when this
-  // value is used in the JavaScript preview.
-  if ($input !== FALSE) {
-    // Start with the provided value for this textfield, and validate that if
-    // necessary, falling back on the default value.
-    $value = form_type_textfield_value($element, $input, $form_state);
-    if (!$value || !isset($form_state['complete form']['#token']) || color_valid_hexadecimal_string($value) || \Drupal::csrfToken()->validate($form_state['values']['form_token'], $form_state['complete form']['#token'])) {
-      return $value;
-    }
-    else {
-      return $element['#default_value'];
-    }
-  }
+  return ColorPalette::valueCallback($element, $input, $form_state);
 }
 
 /**
diff --git a/core/modules/color/src/Element/ColorPalette.php b/core/modules/color/src/Element/ColorPalette.php
new file mode 100644
index 0000000..d147412
--- /dev/null
+++ b/core/modules/color/src/Element/ColorPalette.php
@@ -0,0 +1,49 @@
+<?php
+
+/**
+ * @file
+ * Contains \Drupal\color\Element\ColorPalette.
+ */
+
+namespace Drupal\color\Element;
+
+use Drupal\Core\Render\Element\Textfield;
+
+/**
+ * Provides a color palette form element.
+ *
+ * @FormElement("color_palette")
+ */
+class ColorPalette extends Textfield {
+
+  /**
+   * {@inheritdoc}
+   */
+  public function getInfo() {
+    return array(
+      '#size' => 8,
+      '#attributes' => array('dir' => 'ltr'),
+    ) + parent::getInfo();
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public static function valueCallback(&$element, $input, &$form_state) {
+    // If we suspect a possible cross-site request forgery attack, only accept
+    // hexadecimal CSS color strings from user input, to avoid problems when this
+    // value is used in the JavaScript preview.
+    if ($input !== FALSE) {
+      // Start with the provided value for this textfield, and validate that if
+      // necessary, falling back on the default value.
+      $value = parent::valueCallback($element, $input, $form_state);
+      if (!$value || !isset($form_state['complete form']['#token']) || color_valid_hexadecimal_string($value) || \Drupal::csrfToken()->validate($form_state['values']['form_token'], $form_state['complete form']['#token'])) {
+        return $value;
+      }
+      else {
+        return $element['#default_value'];
+      }
+    }
+  }
+
+}