Colors

Color Schemes

Color scheme is a group of commonly used colors and can be applied website-wide or for individual sections.

1. From your Shopify admin, go to Online Store > Themes.
2. Click Customize next to the theme that you want to customize.
3. Click Theme settings, and then click Colors.
4. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
5. Click the color swatch to change the following content type colors:
   

   Solid background	Background color of sections
   Gradient background	Gradient background color of sections
   Primary text	Main text color of whole site and special sections with color options.
   Secondary text	Secondary text color. e.g. subheadings
   Accent text	For strong texts. e.g. sale price
   Border	Color for borders
   Button label	Button text color
   Button border	Button border and backgrounds
   Icon background	Background color of icons (header cart icon)
   Icon label	Color of icons (header cart icon)
   Prev/next icon background	Some sections have carousels. Background color of prev and next buttons where carousel sections.
   Prev/next icon label	Color of prev and next button icons.
   Default pagination dot	Carousels can have pagination dots. Set background.
   Active pagination dot	Active color to identify selected pagination dot.

Explore official documentation from Shopify about color schemes.

Other colors

There are some additional background and foreground color settings to manage notification, popup and badges.