Skip to content

Working with colors, fonts and styles

Universal color settings can be found in the Theme settings > Colors tab.

Colors

Accent color

Setting an Accent color is great for creating visual contrast while maintaining consistency when adding colors to sections.

accent color settings

Once the color is set, it can be referenced in a sections color dropdown selector with the other default colors.

accent color demo

Tip — Create rhythm and balance with accent colors

The use of repeated visual elements is a design technique to create contrast while maintaining a consistent visual experience.

Below shows an example of alternating rhythm with sections using a 1-2-1-2-1-2 pattern for background colors.

accent color rhythm

Alternative text color

In the theme settings you can set an Alternative text color that can be referenced in individual section settings. In most cases a lighter color works best to contrast darker imagery.

alternative text color

Further customization

If you would like to customize colors of elements not found in the theme settings, visit our guide on Adding CSS and Editing template files.

Typography

All Shopify themes contain the same typefaces available to use for free on your store.

The complete list of fonts available through both open source and the Monotype partnership is available here.

Many of the fonts also include multiple weights and styles, such as numerous combinations of bold, light, medium and italic.

font list

Tip: Use a theme preset to save time

Theme presets contain preconfigured theme colors and typography to save you time designing. To change the theme preset, go to the Theme settings tab and click Change theme style.