Colors

Select colors for different elements of your sections, including General colors, Button colors, and Overlay colors used for media with overlaying text.

You can also choose 2 color schemes to apply to sections in individual section settings.

General

Background

The background of the section, which spans the full height and width.

Text

All headings, subheadings, and body text.

Links

All linked text

Lines and borders

All lines and borders that appear between or within sections.

Accent

Small design elements, like badges

Accent contrast

Text or icons that overlay accent elements

Buttons

Primary button background

Primary button text

Secondary button background

Secondary button text

Overlay

Background

The tint applied on over images or videos.

Foreground

The text and elements that overlay images or videos.

Color schemes

A color scheme consists of a set of colors that are applied to your sections. You can choose to set up two custom color schemes.

In section settings, you can select alternate color schemes that reuse your default colors to generate alternate palettes.

Click section settings to find the variant color schemes. Section overlay colors also use these variant color schemes as additional options:

Default

Uses the global style colors as selected

Inverse

Swaps general background and text colors

Soft

Uses the general palette with a subtle alternate background based on the text color

Accent

Uses accent as a background and accent contrast as text