How do I add my business logo and brand colors to Shopify?

In Shopify, you upload your logo and set your brand colors from Settings, then General, then Store asset. Click Brand to open the Brand page, where you add a default logo and a square logo, then set primary and secondary colors with hex codes. These brand assets act as a default source for compatible themes, checkout, and social sharing, but you may need to connect them manually if your theme does not pick them up automatically.

Upload your logo

1. From your Shopify admin, go to Settings, then General.
2. In the Store assets section, click Brand.
3. In the Logos section, add or select a default logo from your files, or drag and drop an image.
4. Repeat the process to add a square logo.
5. Click Save.

Shopify accepts PNG or JPEG for both logo types, according to Shopify’s brand assets documentation. The default logo needs to be at least 512 pixels wide. The square logo needs a minimum of 512x512px, since platforms use it for social profiles and app icons, and some crop it into a circle. Avoid margins or padding around the mark itself, since extra space can make your header logo look smaller once it’s placed in your theme. You can only have one file per logo type, though you can replace either one at any time.

Set your brand colors

1. From Settings, then General, then Store assets, click Brand.
2. Under Colors, click the plus sign in the Primary section and choose a color with the picker, or enter its hex code.
3. Set the contrasting color for your primary color.
4. In the Secondary section, click the plus sign to add a secondary color, and optionally a second one.
5. Set the contrasting color for each secondary color.
6. Click Save.

Secondary colors are not available if your store is on the Starter plan. Enter your exact brand hex codes rather than eyeballing a shade on the picker, so your storefront stays consistent with your other marketing materials.

Brand colors are not the same as your theme’s color settings

The colors you set on the Brand page feed compatible themes as a default. They don’t automatically overwrite color choices you’ve already made elsewhere in your theme, and the underlying color system itself varies by theme version. Older themes and most current themes use color schemes, coordinated sets of background, text, and button colors assigned per section. Newer themes are shifting to a different model. Horizon 4.0.0, for example, uses a color palette system instead, a single flat grid of named colors that any section or block can reference directly, according to Shopify’s developer changelog. If you want full control over every button, background, and text color on your storefront, check Online Store, Themes, Customize, Theme settings, Colors, and confirm your brand colors actually carried through.

Extending your branding to checkout and customer accounts

Your Brand assets don’t automatically style your checkout. To add your logo, colors, and fonts there, go to Settings, then Checkout, and click Customize next to the checkout configuration you want to edit. This opens the checkout and accounts editor, where you can set a logo, background, and accent colors specifically for checkout. Some of what you set there also carries through to your new customer account and sign-in pages.

Don’t have a logo yet? Shopify’s free Logo Maker tool can put one together in a few minutes, and the files it generates are ready to upload straight into Brand assets once you’re happy with them.

Set the logo and colors once in Brand assets, then check both your storefront preview and your checkout editor to confirm they actually show up in both places. If they don’t, the assets themselves are almost always saved correctly. The gap is usually whether your theme, or your checkout configuration, is actually connected to pull from them.