One of the most important components of designing a visually appealing, functional, and accessible theme is color.
Not only does a well-designed color system reinforce a merchant’s branding, but it also has the power to enhance and improve user experiences.
{% hint style="success" %}
**Steps:**
1. In the theme editor (**Customize**), click **Theme settings.**
2. Select **Colors**
3. Manage your **Schemes** and other element colors.
4. **Save** the changes.
{% endhint %}
## Color schemes
### What is a color scheme?
A color scheme is a set of visually compatible colors that applies to the following elements:
* Accent
* Border
* Text (Heading and Body text)
* Background
* Primary button
* Secondary button
* Form field
* Product sale price
* Tooltip
You can define different color schemes in your theme settings and apply the color schemes to different sections throughout your online store, using a color scheme picker.
### Apply your color scheme
After defining your color scheme in the theme settings, you can assign a color scheme using the color scheme picker in the section settings.
The color scheme picker is available only in certain sections and general theme settings.
## Element colors
### Badges
To change the background color of the badges.
See how to add custom badges here: [add-custom-badges-to-products](https://docs.foxecom.com/sleek-theme/faqs/product/add-custom-badges-to-products "mention")
See how to activate badges on the product card here: [#button-and-badges](https://docs.foxecom.com/sleek-theme/product-cards#button-and-badges "mention")
### Other colors
To change the background color of the cart bubble.
.png?alt=media&token=1ad5a821-413a-4e9b-a7f5-850fc173bcd3)
