Skip to main content
Color settings control background colors, text colors, button colors, and accent colors throughout your store. Once you define your color scheme, sections automatically apply these colors consistently, while still allowing section-specific overrides when needed.

​
What these settings control

  • Color schemes (light, dark, custom variations)
  • Background colors for sections
  • Text colors (body, headings, links)
  • Button colors (primary, secondary, outline)
  • Accent and border colors
  • Color scheme inheritance across sections

​
How to access

1

Open the Theme Customizer

From your Shopify admin, go to Online Store → Themes → Customize.
2

Navigate to color settings

In the theme editor sidebar, select Theme settings → Colors.
3

Select or customize schemes

Choose from preset color schemes or customize individual colors within each scheme.
4

Save changes

Click Save to apply color changes across your store.

​
Settings

Color schemes are collections of related colors that work together harmoniously. The theme includes several pre-configured schemes.Scheme 1: Primary color scheme for most sections
Scheme 2: Alternative scheme for visual variety
Scheme 3: Additional variation for special emphasis
Inverse: High-contrast scheme, typically dark background
Sections inherit color schemes from these global settings, but you can override them on a per-section basis.

​
Best practices

  • Test contrast ratios: Body text requires minimum 4.5:1, large text requires minimum 3:1 contrast
  • Limit to 2-3 color schemes throughout your store for consistency
  • Build schemes around your brand colors while ensuring web readability
  • Test colors on multiple devices and screen types
  • Ensure images and icons work on all background colors
  • Use subtle gradients (5-10% opacity) when needed
Changing color schemes affects multiple sections simultaneously. Preview changes across different page types before saving.