Color schemes for webpages

A color scheme can be applied to a page, a section of a page, the header, footer, or a widget. It determines how your (brand) colors are used. If nothing is set, the default color scheme will be used.

To add or manage color schemes, go to 'Color schemes' in the 'Appearance' menu.

A color scheme belongs to a theme, which determines other layout standards.
If there is only one theme, all color schemes belong to this default theme.
Read more: Themes for webpages

Creating a color scheme

  • When adding a new color scheme, the settings of the default color scheme are pre-filled, so you can easily make slight variations to the default for specific purposes.

  • If there are multiple themes, select which theme this color scheme belongs to.

  • Set the name, background and text colors, and the primary and secondary colors for buttons and other page items. The preview shows you what your choices look like in the default theme.

Tips

  • Make sure the colors you choose align with your brand identity. Use colors from your logo or branding to maintain consistency.

  • Ensure there is enough contrast between text and background colors to maintain readability.

  • Do the chosen colors result in a good user experience? Use an eye-catching color for important buttons (call-to-actions) so users know intuitively where to click.