---
title: "Changing color sets for themes in Drupal 8"
description: "Themes are visually important to your site. They help by laying out the site in a specific way and even the coloring of the theme can help customize the site. If you have a theme that you enjoy but..."
url: https://www.inmotionhosting.com/support/edu/drupal/change-color-set/
date: 2013-10-17
modified: 2021-08-16
author: "Scott Mitchell"
categories: ["Drupal"]
type: post
lang: en
---

# Changing color sets for themes in Drupal 8

Themes are visually important to your site. They help by laying out the site in a specific way and even the coloring of the theme can help customize the site. If you have a theme that you enjoy but would like to explore different color options, then you may want to take a look at that themes *Color Sets*.

A color set is a predefined set of color combinations that come with a theme. This article will show you how to change color sets within your selected Drupal 8 theme.

## How to change color sets in Drupal 8 themes

1. [Log into your Drupal 8 administrative dashboard](/support/edu/drupal/how-to-log-into-the-drupal-admin-dashboard/).
2. [![select menu option](https://www.inmotionhosting.com/support/wp-content/uploads/2013/06/edu_Drupal-8__common-images_select-menu.png)](/support/wp-content/uploads/2013/06/edu_Drupal-8__common-images_select-menu.png) Select **Menu** from the top menu bar.
3. [![select the Appearance option](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8__common-images_select-appearance.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8__common-images_select-appearance.png) Next, click on **Appearance** from the secondary menu that appears.
4. [![select the Appearance option](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_1-select-settings.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_1-select-settings.png) You will now be on the main *Appearance* page where you will see a list of all the themes that are available. Find the theme you want to work with and click on the **Settings** link for that theme. In our example, we will be working with our active theme, *Bartik*.
5. [![select the Appearance option](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_2-select-color-set.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_2-select-color-set.png) Now that you are on the *Settings* page for the theme you will see the **Color Set** option at the top. Click on the dropdown to see the various predefined sets for your theme. From here you can select a new color scheme. We will choose **Plum** from the dropdown for our example. As you click on the selection, you should have a *Previw* section below that demonstrates how your selection will appear on your site.
6. Once you have chosen your new color set, click on the **Save Configuration** button at the bottom to save and activate your changes. Below you will see the before and after screenshots of changing the color set within our test site. Before After [![the configuration screen for the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_before.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_before.png) [![the configuration screen for the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_after.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_change-color-sets_after.png)