Colors
Colors can be found in the Theme settings ↗ section. Theme settings control the colors, typography and other common elements of your online store.
⬇️ On this page:
Colors: overview
You can define different color schemes in your theme settings and apply the color schemes to different sections throughout your online store with a color scheme picker. A color scheme is a set of colors. Your theme has a set of default color schemes applied that you can change at any time in the theme editor. You can add your brand colors to ensure a cohesive application of your color palette across your online store.
You can create up to 21 unique color schemes and apply them to different sections throughout your online store.
Shopify's resources:
Managing colors
To manage your color settings:
- From your Shopify admin, go to Online Store > Themes ↗.
- Click Customize next to the theme that you want to customize.
- Go to Theme settings (1), and then click Colors (2).
- In the Schemes section, click an existing scheme or click + Add scheme to add a new color scheme.
- Click the color swatch to change the following content type colors:
- Background
- Background gradient
- Text
- Solid button background
- Solid button label
- Outline button
- Shadow
- To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
- Click Save (4).
