A color scheme forms the visual foundation of your website. Here's how to customize colors in Squarespace:

Changing Site-Wide Colors

1. Open Site Styles panel and click Colors
2. Click Edit Palette to choose from:

• Preset palettes
• Image-based palettes (uses dominant colors from uploaded images)
• Custom palettes (build from a primary color)

Customizing Section Colors

1. Open Pages panel
2. Select page and click Edit
3. Click Edit Section
4. Choose a color theme under Colors tab

Theme Types:

• Very Light/Dark 1: Black/white text with colored backgrounds
• Very Light/Dark 2: Colored text with themed backgrounds
• Bright: Colored text or backgrounds with complementary elements

Using the Color Picker

1. Click the color circle next to any element
2. Use the slider to select hue
3. Click the square to choose shade
4. Input specific values in:

• HEX (#FFFFFF)
• RGB/RGBA
• HSL/HSLA
• HTML color names

Transparency and Special Features

• Use opacity slider for transparent effects
• Change inset border colors for background images
• Customize block backgrounds individually
• Match section and footer colors to eliminate gaps

Note: Version 7.0 users should use Site Styles panel for manual color adjustments. Color changes apply site-wide and cannot be transferred between templates.

Related Articles

Previous Articles