02GENERAL

Colors

This page explains how “Colors” actually behaves, which data it depends on, and what its settings change.

Colors

This page explains how “Colors” actually behaves, which data it depends on, and what its settings change.

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

Understand the settings

Main palette used throughout the theme. Surfaces, cards, buttons, badges, images, fields and glass elements then have their own settings.

color_schemescolor_schemes

Backgrounds

Main backgroundbackground_color

Dominant color of the site when the textured background is disabled.

Default: #171214
Secondary backgroundbackground_soft_color

Used to visually separate certain sections and surfaces.

Default: #221A1D

Text

Main textforeground_color
Default: #FFF9F6
Secondary textmuted_color

Metadata, help, old prices and discrete information.

Default: #C6B8B7

Emphasis

Accent coloraccent_color

Active states, focus, conversion details and highlights.

Default: #D39A84
Text on accent coloraccent_contrast_color
Default: #171214

Available blocks

This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.

Before publishing

  • ✓

    Content remains readable in every color scheme.

  • ✓

    Labels match the storefront language.

  • ✓

    Displayed promotions match Shopify rules.

  • ✓

    Interactions remain accessible by keyboard and touch.