diff --git a/core/modules/color/migrations/d7_color.yml b/core/modules/color/migrations/d7_color.yml
new file mode 100644
index 0000000000..aedb54cbf5
--- /dev/null
+++ b/core/modules/color/migrations/d7_color.yml
@@ -0,0 +1,42 @@
+id: d7_color
+label: Color
+migration_tags:
+  - Drupal 7
+source:
+  plugin: d7_color
+  constants:
+    config_prefix: 'color.theme.'
+process:
+  # Skip where name ends in 'screenshot'.
+  skip:
+    plugin: skip_on_empty
+    source: skip
+    method: row
+  # Build the configuration name from the variable name, i.e.
+  # 'color_themename_element' becomes 'color.theme.themename'
+  theme_name:
+    -
+      plugin: explode
+      source: name
+      delimiter: _
+    -
+      plugin: extract
+      index:
+        - 1
+  configuration_name:
+    plugin: concat
+    source:
+      - constants/config_prefix
+      - '@theme_name'
+  element_name:
+    -
+      plugin: explode
+      source: name
+      delimiter: _
+    -
+      plugin: extract
+      index:
+        - 2
+  value: value
+destination:
+  plugin: d7_color
diff --git a/core/modules/color/src/Plugin/migrate/destination/Color.php b/core/modules/color/src/Plugin/migrate/destination/Color.php
new file mode 100644
index 0000000000..702862e925
--- /dev/null
+++ b/core/modules/color/src/Plugin/migrate/destination/Color.php
@@ -0,0 +1,90 @@
+<?php
+
+namespace Drupal\color\Plugin\migrate\destination;
+
+use Symfony\Component\DependencyInjection\ContainerInterface;
+use Drupal\Core\Plugin\ContainerFactoryPluginInterface;
+use Drupal\Core\Config\ConfigFactoryInterface;
+use Drupal\migrate\Plugin\MigrationInterface;
+use Drupal\migrate\Row;
+use Drupal\migrate\Plugin\migrate\destination\DestinationBase;
+
+/**
+ * Persist color data to the config system.
+ *
+ * @MigrateDestination(
+ *   id = "d7_color"
+ * )
+ */
+class Color extends DestinationBase implements ContainerFactoryPluginInterface {
+
+  /**
+   * The configuration factory.
+   *
+   * @var \Drupal\Core\Config\ConfigFactoryInterface
+   */
+  protected $configFactory;
+
+  /**
+   * Constructs a Color object.
+   *
+   * @param array $configuration
+   *   Plugin configuration.
+   * @param string $plugin_id
+   *   The plugin ID.
+   * @param mixed $plugin_definition
+   *   The plugin definition.
+   * @param \Drupal\migrate\Plugin\MigrationInterface $migration
+   *   The current migration.
+   * @param \Drupal\Core\Config\ConfigFactoryInterface $config_factory
+   *   The configuration factory.
+   */
+  public function __construct(array $configuration, $plugin_id, $plugin_definition, MigrationInterface $migration, ConfigFactoryInterface $config_factory) {
+    parent::__construct($configuration, $plugin_id, $plugin_definition, $migration);
+    $this->configFactory = $config_factory;
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition, MigrationInterface $migration = NULL) {
+    return new static(
+      $configuration,
+      $plugin_id,
+      $plugin_definition,
+      $migration,
+      $container->get('config.factory')
+    );
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function import(Row $row, array $old_destination_id_values = []) {
+    $imported = FALSE;
+    $value = $row->getDestinationProperty('value');
+    if (isset($value)) {
+      $this->configFactory->getEditable($row->getDestinationProperty('configuration_name'))
+        ->set($row->getDestinationProperty('element_name'), $row->getDestinationProperty('value'))
+        ->save();
+      $imported = TRUE;
+    }
+    return $imported;
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function getIds() {
+    $ids['name']['type'] = 'string';
+    return $ids;
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function fields(MigrationInterface $migration = NULL) {
+    return [];
+  }
+
+}
diff --git a/core/modules/color/src/Plugin/migrate/source/d7/Color.php b/core/modules/color/src/Plugin/migrate/source/d7/Color.php
new file mode 100644
index 0000000000..c1a632d2ef
--- /dev/null
+++ b/core/modules/color/src/Plugin/migrate/source/d7/Color.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace Drupal\color\Plugin\migrate\source\d7;
+
+use Drupal\Core\Extension\ThemeHandler;
+use Drupal\migrate\Row;
+use Drupal\migrate_drupal\Plugin\migrate\source\VariableMultiRow;
+use Drupal\Core\Entity\EntityManagerInterface;
+use Drupal\Core\State\StateInterface;
+use Drupal\migrate\Plugin\MigrationInterface;
+use Symfony\Component\DependencyInjection\ContainerInterface;
+
+/**
+ * Drupal 7 color source from database.
+ *
+ * @MigrateSource(
+ *   id = "d7_color",
+ *   source_module = "color"
+ * )
+ */
+class Color extends VariableMultiRow {
+
+  /**
+   * The theme handler.
+   *
+   * @var \Drupal\Core\Extension\ThemeHandler
+   */
+  protected $themeHandler;
+
+  /**
+   * {@inheritdoc}
+   */
+  public function __construct(array $configuration, $plugin_id, $plugin_definition, MigrationInterface $migration, StateInterface $state, EntityManagerInterface $entity_manager, ThemeHandler $theme_handler) {
+    parent::__construct($configuration, $plugin_id, $plugin_definition, $migration, $state, $entity_manager);
+    $this->themeHandler = $theme_handler;
+  }
+
+  public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition, MigrationInterface $migration = NULL) {
+    return new static(
+      $configuration,
+      $plugin_id,
+      $plugin_definition,
+      $migration,
+      $container->get('state'),
+      $container->get('entity.manager'),
+      $container->get('theme_handler')
+    );
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function query() {
+     $themes = $this->themeHandler->listInfo();
+     $themes_installed = [];
+     /** @var \Drupal\Core\Extension\Extension $theme */
+    foreach($themes as $theme) {
+       if ($theme->status) {
+         $themes_installed[] = $theme->getName();
+       }
+     }
+
+    // Get color data for active themes.
+    $query = $this->select('variable', 'v')
+      ->fields('v', ['name', 'value']);
+
+    // Get all color variables for each active theme.
+    $or = $query->orConditionGroup();
+    foreach ($themes_installed as $theme) {
+      $variable_name = 'color_' . $theme . '_%';
+      $or->condition('name', $variable_name, 'LIKE');
+    }
+    $query->condition($or);
+    return $query;
+  }
+
+  public function prepareRow(Row $row) {
+    $name = $row->getSourceProperty('name');
+    if (substr($row->getSourceProperty('name'), 0, -11) == '_screenshot') {
+      $row->setSourceProperty('skip', FALSE);
+    }
+    else {
+      $row->setSourceProperty('skip', TRUE);
+    }
+    return parent::prepareRow($row);
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function fields() {
+    return [
+      'name' => $this->t('A color variable for a theme.'),
+      'value' => $this->t('The value of a color variable.'),
+    ];
+  }
+
+}
diff --git a/core/modules/color/tests/src/Kernel/Migrate/d7/MigrateColorTest.php b/core/modules/color/tests/src/Kernel/Migrate/d7/MigrateColorTest.php
new file mode 100644
index 0000000000..1a417e9313
--- /dev/null
+++ b/core/modules/color/tests/src/Kernel/Migrate/d7/MigrateColorTest.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Drupal\Tests\color\Kernel\Migrate\d7;
+
+use Drupal\Tests\migrate_drupal\Kernel\d7\MigrateDrupal7TestBase;
+
+/**
+ * Tests migration of Color variables to configuration.
+ *
+ * @group color
+ */
+class MigrateColorTest extends MigrateDrupal7TestBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  public static $modules = ['color'];
+
+  /**
+   * {@inheritdoc}
+   */
+  protected function setUp() {
+    parent::setUp();
+    // Install the themes used for this test.
+    $this->container->get('theme_installer')->install(['bartik', 'classy', 'seven', 'stable', 'stark']);
+    $this->executeMigration('d7_color');
+  }
+
+  /**
+   * Tests migration of color's variables to configuration.
+   */
+  public function testMigrateColor() {
+    // Test Bartik migration.
+    $config = $this->config('color.theme.bartik');
+    $files = [
+      'public://color/bartik-e0e23ad7/logo.png',
+      'public://color/bartik-e0e23ad7/colors.css',
+    ];
+    $this->assertSame($files, $config->get('files'));
+    $this->assertSame('public://color/bartik-e0e23ad7/logo.png', $config->get('logo'));
+    $palette = [
+      'top' => '#d0d0d0',
+      'bottom' => '#c2c4c5',
+      'bg' => '#ffffff',
+      'sidebar' => '#ffffff',
+      'sidebarborders' => '#cccccc',
+      'footer' => '#24272c',
+      'titleslogan' => '#000000',
+      'text' => '#4a4a4a',
+      'link' => '#019dbf',
+    ];
+    $this->assertSame($palette, $config->get('palette'));
+    $this->assertSame(['public://color/bartik-e0e23ad7/colors.css'], $config->get('stylesheets'));
+
+    // Test that garland was not migrated.
+    $this->assertEmpty(\Drupal::config('color.theme.garland')->get());
+  }
+
+}
diff --git a/core/modules/color/tests/src/Kernel/Plugin/migrate/source/d7/ColorTest.php b/core/modules/color/tests/src/Kernel/Plugin/migrate/source/d7/ColorTest.php
new file mode 100644
index 0000000000..991b8db386
--- /dev/null
+++ b/core/modules/color/tests/src/Kernel/Plugin/migrate/source/d7/ColorTest.php
@@ -0,0 +1,120 @@
+<?php
+
+namespace Drupal\Tests\color\Kernel\Plugin\migrate\source\d7;
+
+use Drupal\Tests\migrate\Kernel\MigrateSqlSourceTestBase;
+
+/**
+ * Tests D7 color source plugin.
+ *
+ * @covers Drupal\color\Plugin\migrate\source\d7\Color
+ *
+ * @group color
+ */
+class ColorTest extends MigrateSqlSourceTestBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  public static $modules = ['color', 'migrate_drupal'];
+
+  /**
+   * {@inheritdoc}
+   */
+  public function providerSource() {
+    $tests = [];
+
+    // The source data.
+    $tests[0]['database']['variable'] = [
+      [
+        'name' => 'color_bartik_palette',
+        'value' => [
+          'top' => '#cd2d2d',
+          'bottom' => '#d64e4e',
+          'bg' => '#ffffff',
+          'sidebar' => '#f1f4f0',
+          'sidebarborders' => '#ededed',
+          'footer' => '#1f1d1c',
+          'titleslogan' => '#fffeff',
+          'text' => '#888888',
+          'link' => '#d6121f',
+        ],
+      ],
+      [
+        'name' => 'color_bartik_logo',
+        'value' => 'public://color/bartik-e0e23ad7/logo.png',
+      ],
+      [
+        'name' => 'color_bartik_stylesheets',
+        'value' => ['public://color/bartik-1d249313/colors.css'],
+      ],
+      [
+        'name' => 'color_bartik_files',
+        'value' => [
+          'public://color/bartik-e0e23ad7/logo.png',
+          'public://color/bartik-e0e23ad7/colors.css',
+        ],
+      ],
+      [
+        'name' => 'color_bartik_screenshot',
+        'value' => ['public:://color/bartik-b69cfcec/screenshot.png'],
+      ],
+      [
+        'name' => 'color_custom_stylesheets',
+        'value' => ['public:://color/custom-beadedff/screenshot.png'],
+      ],
+    ];
+
+    foreach ($tests[0]['database']['variable'] as $key => $expected) {
+      $tests[0]['database']['variable'][$key]['value'] = serialize($expected['value']);
+    }
+
+    $tests[0]['database']['system'] = [
+      [
+        'name' => 'bartik',
+        'type' => 'theme',
+        'status' => '1',
+      ],
+      [
+        'name' => 'custom',
+        'type' => 'theme',
+        'status' => '0',
+      ],
+    ];
+
+    $tests[0]['expected_results'] = [
+      [
+        'name' => 'color_bartik_palette',
+        'value' => [
+          'top' => '#cd2d2d',
+          'bottom' => '#d64e4e',
+          'bg' => '#ffffff',
+          'sidebar' => '#f1f4f0',
+          'sidebarborders' => '#ededed',
+          'footer' => '#1f1d1c',
+          'titleslogan' => '#fffeff',
+          'text' => '#888888',
+          'link' => '#d6121f',
+        ],
+      ],
+      [
+        'name' => 'color_bartik_logo',
+        'value' => 'public://color/bartik-e0e23ad7/logo.png',
+      ],
+      [
+        'name' => 'color_bartik_stylesheets',
+        'value' => ['public://color/bartik-1d249313/colors.css'],
+      ],
+      [
+        'name' => 'color_bartik_files',
+        'value' => [
+          'public://color/bartik-e0e23ad7/logo.png',
+          'public://color/bartik-e0e23ad7/colors.css',
+        ],
+      ],
+    ];
+
+    return $tests;
+  }
+
+}
diff --git a/core/modules/migrate_drupal/tests/fixtures/drupal7.php b/core/modules/migrate_drupal/tests/fixtures/drupal7.php
index a7117303e7..926a68a80b 100644
--- a/core/modules/migrate_drupal/tests/fixtures/drupal7.php
+++ b/core/modules/migrate_drupal/tests/fixtures/drupal7.php
@@ -46371,6 +46371,42 @@
   'value' => 's:1:"1";',
 ))
 ->values(array(
+  'name' => 'color_bartik_files',
+  'value' => 'a:2:{i:0;s:39:"public://color/bartik-e0e23ad7/logo.png";i:1;s:41:"public://color/bartik-e0e23ad7/colors.css";}',
+))
+->values(array(
+  'name' => 'color_bartik_logo',
+  'value' => 's:39:"public://color/bartik-e0e23ad7/logo.png";',
+))
+->values(array(
+  'name' => 'color_bartik_palette',
+  'value' => 'a:9:{s:3:"top";s:7:"#d0d0d0";s:6:"bottom";s:7:"#c2c4c5";s:2:"bg";s:7:"#ffffff";s:7:"sidebar";s:7:"#ffffff";s:14:"sidebarborders";s:7:"#cccccc";s:6:"footer";s:7:"#24272c";s:11:"titleslogan";s:7:"#000000";s:4:"text";s:7:"#4a4a4a";s:4:"link";s:7:"#019dbf";}',
+))
+->values(array(
+  'name' => 'color_bartik_stylesheets',
+  'value' => 'a:1:{i:0;s:41:"public://color/bartik-e0e23ad7/colors.css";}',
+))
+->values(array(
+  'name' => 'color_garland_files',
+  'value' => 'a:19:{i:0;s:50:"public://color/garland-b69cfcec/menu-collapsed.gif";i:1;s:54:"public://color/garland-b69cfcec/menu-collapsed-rtl.gif";i:2;s:49:"public://color/garland-b69cfcec/menu-expanded.gif";i:3;s:45:"public://color/garland-b69cfcec/menu-leaf.gif";i:4;s:67:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/body.png";i:5;s:69:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-bar.png";i:6;s:75:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-bar-white.png";i:7;s:69:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-tab.png";i:8;s:76:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-navigation.png";i:9;s:78:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-content-left.png";i:10;s:79:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-content-right.png";i:11;s:73:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-content.png";i:12;s:81:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-navigation-item.png";i:13;s:87:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/bg-navigation-item-hover.png";i:14;s:77:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/gradient-inner.png";i:15;s:67:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/logo.png";i:16;s:73:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/screenshot.png";i:17;s:41:"public://color/garland-b69cfcec/style.css";i:18;s:45:"public://color/garland-b69cfcec/style-rtl.css";}',
+))
+->values(array(
+  'name' => 'color_garland_logo',
+  'value' => 's:40:"public://color/garland-b69cfcec/logo.png";'
+))
+->values(array(
+  'name' => 'color_garland_palette',
+  'value' => 'a:5:{s:4:"base";s:7:"#d0cb9a";s:4:"link";s:7:"#917803";s:3:"top";s:7:"#efde01";s:6:"bottom";s:7:"#e6fb2d";s:4:"text";s:7:"#494949";}',
+))
+->values(array(
+  'name' => 'color_garland_screenshot',
+  'value' => 's:73:"/var/www/drupal/sites/default/files/color/garland-b69cfcec/screenshot.png";'
+))
+->values(array(
+  'name' => 'color_garland_stylesheets',
+  'value' => 'a:2:{i:0;s:41:"public://color/garland-b69cfcec/style.css";i:1;s:45:"public://color/garland-b69cfcec/style-rtl.css";}',
+))
+->values(array(
   'name' => 'comment_anonymous_article',
   'value' => 'i:0;',
 ))