Plans that include this feature: all plans

Did you know about the ‘document colors’ function in Genially? Now you can choose up to 3 colors (primary, secondary, and tertiary) in your creation and apply them to boxes of text, resources, interactive elements, and Smartblocks much more quickly and easily.


‘Document colors’ is a Premium feature in the Pro, Edu Pro, Master, and Team plans. If you have a Free or Student plan, you can only edit the primary color, although we do offer ready-made color palettes so that personalizing your creations is really easy to do.


The main advantage of using document colors is that, once you’ve assigned a color to each element, you can change all the colors at once in just one click. This allows you to quickly try out different color palettes to see which one best fits your creation.


In this tutorial we’ll show you:

  • how to define document colors
  • how to apply document colors
  • why an element isn’t changing color

How to define document colors

It’s oh so easy! Open the document colors section, located on the far right of the bottom toolbar in the Editor, and define 3 main colors for your creation, or choose one of the proposed color palettes.

Defining document colors

How to apply document colors

When you have defined your 3 main document colors, you can start applying them to the elements of your creation to personalize your design. You should take into account the order and hierarchy of your content when choosing each of the 3 colors, to ensure visual harmony in your creation.


When each element has a document color assigned, the element will change color any time you modify the color palette from the document colors section. Thanks to this function, editing your genially’s colors from here on out will be a super quick and easy process.

Applying document colors

For example, you could try the following combination: use the primary color for titles, the secondary color for buttons, and the tertiary color for bodies of text.


There are as many possible combinations as there are colors in the universe. Unleash your imagination and try different color combinations until you find the one that best suits the style of your creation. Using document colors will help you improve the visual design of your creation.

Why an element isn’t changing color

There are some elements that it’s not possible to apply document colors to: 

  • Images
  • Graphics
  • Illustrations
  • Scenes
  • External content

We recommend verifying that you have correctly applied document colors to the element. To do this:

1. Click on the element.

2. Open the colors menu from the top toolbar in the Editor.

3. Check that there is a tick in 1 of the 3 document colors as seen below:

Verifying if an element has document colors applied