In the project editor, select the gear icon in the top-right corner to view project level settings.
In Project settings, select the background and text color items from the Appearance settings group.
To learn more about project settings, see Project settings

Color styles

Color styles are consistent colors that can be used throughout your project and updated all at once from a single interface. Quickly access color styles from the Fill properties in the right sidebar settings. Add as many colors to your Styles as your brand needs. Manually enter color specifications (RGB, CMYK, PMS, RAL) in the property panel for exact matches.

Add a new color style

In the Styles section of the right side bar, select the + next to Color to add a new color
Alternatively, styles can be added from the custom color picker when filling an element with a custom color.

Edit a color style

To edit a color style, select the pencil icon next to the color style in the Styles section of the right side bar.
Tip: deselect by pressing the esc ****key on your keyboard to return automatically to the Styles section of the right side bar.
To delete a color style, select the three vertical dots next to the color.

Keep in mind

To ensure accuracy, PMS values must be manually entered into color styles.
Double check automatically converted CMYK values. Sometimes they can deviate from what is shown on-screen and should be tested if used for printing.
Deleting a color style will affect all instances where it was used, and they will be replaced with the hex value.

Change text color

Text color can be changed in-line and either a saved Color style, or selecting a color from the Color picker.

Double-click the text to highlight it.
Once selected, the text control widget will appear. Click on the color swatch to open color settings.
Choose a new color using the properties panel, or from saved Color styles.

Color Automations

Styles allow Automations to output the chosen colors in various pre-designed modules, retaining consistency. They include:

Palette
Proportion
Albers’ proportion
Combinations
Contrast

Learn more about Automations

Add a color Automation

Within the project editor, select the add Automations icon (⚡️) from the top bar.
Select Automation placement in the body of the page.
Select a preferred Automation from the options listed.
Select and confirm brand colors.

Edit placeholder image

This applies to Color Contrast and Color Don’ts Automations.

After placing the Automation in the project, double-click the placeholder background.
Select on the Add media icon within the Fill section of the right sidebar settings.
Upload an image or logo into the placeholder.
To change the color of strikethrough, scroll to Violator style once the image is selected. Change the color by clicking on the Color icon.

<aside> 🎨 What is an Albers’ proportion? Josef Albers was an iconic artist who pioneered major shifts in geometric abstraction, constructivism and more. An Albers’ proportion is a tool of nested squares that is based on his work “Homage to the Square” that shows scaling of color in various proportions.

</aside>

Related guides

Automations