Articles in this section

See more

Changing your website’s colors

Colors Splash.jpeg

Pixieset Website provides elegant, ready-made color schemes curated for a wide range of photography styles and brand aesthetics. Easily apply complementary colors to your entire site in one click, or build a custom palette from scratch for complete control of your brand.

On this page:

Changing site colors

Your site template comes with dozens of ready-made palettes that make it easy to change up the look of your site in a click. Each palette comes with different accent options (a scheme) ranging from light to dark for endless possibilities.

To change your site’s colors:

  1. Go to Design > Colors.
  2. Choose your palette and scheme.
  3. Re-publish your site so your changes go live.

Tip: If you plan to create a custom color palette for your site, we recommend working off a premade palette that most closely matches your vision to save time.

Colors 1.gif

Customizing with advanced color options

If you have a particular combination of colors in mind, you can modify any color within your current scheme down to the exact hex code. This advanced option is useful if you have specific brand colors and want your website to match that exactly.

Note: Customizing color schemes is a premium feature available on the Pro Website Plan and Pro/Ultimate Suite Plans. If you are not on one of these plans, you will be able to preview these changes, but they won’t apply to your site until you upgrade.

To customize a color scheme:

  1. Go to Design > Colors.
  2. Click into the scheme you’d like to modify.
  3. Choose new colors for specific elements like background or headings.
  4. Re-publish your site so your changes go live.

Tip: You can build a color palette completely from scratch instead of working off of a premade palette. To do this, go to Colors and click Custom > Add Palette.

Colors 2.gif

Changing a content block’s colors

You can apply color schemes globally across your site, as well as to individual blocks to highlight specific sections. When you assign a different color scheme to a specific block, it does not affect other blocks. This is a great way to make a particular section of your site page stand out.

To change the colors of a specific content block:

  1. Hover over the content block you’d like to modify.
  2. Click Edit in the top right.
  3. Choose your preferred color scheme for the block.

Colors 3.gif

Troubleshooting

I customized my color scheme, but it is not showing on my live site.

Customizing preset color schemes is a premium feature available on the Pro Website Plan and Pro/Ultimate Suite Plans. If you are on another plan, you will be able to preview your modifications in your site builder but you will need to upgrade to publish the changes to your live site.

I made changes to a color scheme and want to undo it.

Whenever you modify a preset color, a gray dot will appear next to it to indicate this. You can click on the dot to reset the color to the original preset. Alternatively, if you want to reset the entire color scheme, click Reset Color Scheme at the bottom.

Colors 4.png

I don’t see all the color options in my site builder.

If you are on Avery or West, these specific site templates have a limited range of color options. To access all the color options that Pixieset Website offers, switch to another template.

Colors 5.png