Skip to content

Color swatches

Theme settings → Color swatches

Lets customers see actual colors (instead of just text like “Red”) when choosing a product’s color option, for any product that doesn’t already have swatches configured in Shopify admin.

  • Option names — a comma-separated list of the option names this applies to, so it can match option names in any language/spelling. Default: Color, Colour.
  • Colors — a list of color name/hex pairs, one per line, e.g.:
    Black #000000
    White: #ffffff
    Each line maps an option value (like “Black”) to a hex color. Both Name #hex and Name: #hex formats work. This list is only used as a fallback — if a product’s option value already has a swatch set in Shopify admin, that takes priority.

To add a new color, add a new line with the option value exactly as it appears on your products, followed by its hex code.