Website Building » Squarespace » How Do I Create a Custom Color Palette in Squarespace?

How Do I Create a Custom Color Palette in Squarespace?

Last updated on October 1, 2022 @ 8:48 am

There are two ways to create a custom color palette in Squarespace: through the Design panel or through CSS. We’ll cover both methods here.

To create a custom color palette through the Design panel, first click on Design mode in the Home Menu. Then, click Colors. Here, you can adjust the colors of your site by clicking on the color you want to change and selecting a new color from the picker that appears.

You can also add custom colors to your palette by clicking on the + sign next to Custom Colors. To do this, you’ll need to know the hex code of the color you want to add. Once you’ve added your custom colors, you can use them throughout your site by selecting them from the color picker when editing text or other elements.

If you want more control over your colors, or if you want to use colors that aren’t available in the picker, you can use CSS. To do this, go to Settings > Advanced > Code Injection and add your CSS code to the Head Code Injection text box.

Here’s an example of CSS code that would create a custom color palette:

/* Add your colors here */

.custom-color-1 { color: #ff0000; }

.custom-color-2 { color: #00ff00; }

.custom-color-3 { color: #0000ff; }

You can then use these colors in your site’s design by adding the class name to any element. For example, if you wanted all your headings to be red, you could add the class .custom-color-1 to the Heading 1 element.

PRO TIP: When creating a custom color palette in Squarespace, be sure to save your changes before exiting the page. Otherwise, your changes will be lost and you’ll have to start from scratch.

Creating a custom color palette in Squarespace is a great way to give your site a unique look. With a few clicks in the Design panel or some simple CSS code, you can easily change the colors of your site to match your brand or style.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.