Skip to main content

Color Schemes - Customize your Guidelines background

Learn how to create and apply color schemes to your portals.

Updated this week
To use color schemes, you need to install either the Classic or Muse themes.

Color schemes let you customize the background color of your brand guidelines while adjusting type styles, buttons, and accent colors for a cohesive look. You can create and manage multiple color schemes and apply them to pages, sections, and footers to ensure consistency and enhance your brand’s identity.

Color schemes offer various customization possibilities—let’s explore their use cases.


Table of content


Customize type styles, buttons, and accent colors

Customize your default scheme

There are several ways to customize your default scheme, and any changes you make will automatically apply to all theme pages using it.

  1. Navigate to the Theme icon in the power bar and click on Color scheme.

  2. Keep the default scheme selected.

Now, you can start making customizations:

  • Background colors. Choose from your brand palette or custom primary and secondary colors.

  • Type styles. Set colors for different text hierarchies, including Headings (H1, H2, H3, etc.), body text, quotes, and custom styles.

  • Buttons. Customize primary, secondary, and tertiary buttons, including their default and hover states.

  • Accent colors. Adjust colors for info, notes, tips, and warnings to align with your brand identity.


Create and manage multiple color schemes

Create a new color scheme

To create a new color scheme, follow these steps:

  1. Navigate to the Theme icon in the power bar.

  2. Select Color scheme and click the plus (+) icon next to the menu item.

  3. Name your new scheme, and it will appear in the dropdown menu.

  4. Start customizing it by following the steps outlined in the previous section.

Rename your color scheme

To rename your color scheme, follow these steps:

  1. Navigate to the Color scheme section.

  2. Select the color scheme you want to rename.

  3. Click the three dots next to the menu item.

  4. Select Rename and enter the new name.

Delete your color scheme

To delete your color scheme, follow these steps:

  1. Navigate to the Color Scheme section.

  2. Select the color scheme you want to delete.

  3. Click the three dots next to the menu item.

  4. Select Delete and confirm


Add background color to document pages

Select your scheme for all documents

Applying a color scheme to all of your documents using a theme is simple. Here’s how:

  1. Navigate to the Theme icon in the power bar and click on Color scheme.

  2. Select New scheme and customize the background color using either your brand colors or custom ones.

Once your scheme is created, follow these steps to apply it:

  • Go to the Layout and navigation section.

  • Apply the color scheme to all pages using this theme.

  • In the content area, open the Color scheme drop-down menu and select New scheme.

Your selected color scheme will now be applied to all document pages.

Select your scheme for a specific document page

Very similarly, applying a color scheme to a specific document page follows a similar process to the one underlined above:

  1. Navigate to the Theme icon in the power bar and click on Color scheme.

  2. Select New scheme and customize the background color using either your brand colors or custom ones.

Once your scheme is created, follow these steps to apply it:

  • Go to the Layout and navigation section.

  • Apply the color scheme to this page.

  • In the content area, open the Color scheme drop-down menu and select New scheme.

Your selected color scheme will now be applied to the document page you chose, ensuring a consistent and branded look.


Add background color to sections, footers, and library pages

Applying color schemes to sections, footers, and library pages is coming soon! This will allow you to extend background customization across more areas of your portal for a fully on-brand experience.


[New] Apply color schemes to individual sections

You can now apply color schemes to individual sections within a document or guideline page — giving you precise visual control without affecting the entire layout. This helps break up content, build visual hierarchy, and keep your guidelines polished and readable.

To apply a color scheme to a section:

  1. Hover over the section and click the section settings icon

  2. Open the Color scheme dropdown

  3. Choose from your available schemes

You can apply different schemes to each section for better organization and impact.


[New] Control layout styling

Each section now comes with flexible layout styling options. These controls help ensure content doesn't feel crowded or disconnected when using different backgrounds.

You can now:

  • Adjust vertical spacing between sections to avoid visual clutter

  • Customize horizontal and vertical padding for better text alignment

  • Use background fit to align the background with your content

  • Set corner radius to create smooth, rounded edges

  • Add borders to create structure or visual separation

All of these settings are available per section or through your theme defaults.


Latest update on color schemes


Limitations on cover page styling

Currently, only the default color scheme is supported on the cover page. This means:

  • Custom type styles

  • Button styles

  • Accent colors

...from additional schemes will not apply to cover pages.

This is a known limitation. We will not be updating cover pages to support multiple color schemes, as we plan to sunset cover pages in the future. In the meantime, ensure your default scheme is optimized for use on cover pages if needed.


Import color schemes from other guidelines

You will soon be able to import color scheme settings from other guidelines. This feature is not available yet, but it's coming soon.

Thanks for taking the time to read this help article. If you have any further questions, check our Color Schemes FAQs.



Did this answer your question?