You can configure custom primary and secondary colors under Customizations. To locate the Customizations tab, first select on the gear icon in the upper right-hand corner, select Settings > select Customizations:

Lessonly offers the ability to customize the following:

  • Primary color and text on primary color

  • Secondary color and text on secondary color

  • Custom link color

Note: The ability to configure a secondary color is available via the Customization tab as of March 1, 2021. However, this feature will not go active in an account until April 20, 2021.

By default, all colors will be set to the default Lessonly branding colors. Each value can be customized to your company's brand.

If you are unsure what #HEX color to use, we would recommend reaching out to your Marketing department and they will be able to provide this information. You can also locate a color's #HEX via this site.

You are able Reset the colors at any item to return to the standard Lessonly branding.

Primary Color

Under Primary Color, you can enter a hex color code or select the color square to select a color option.

This will apply to buttons and learn card borders where the primary branding color will be highlighted.

  • Under Text on Primary Color, you can select Auto, Light or Dark to change the font color for button text. Note: This option defaults to Auto.

Secondary Color

Under Secondary Color, you will do the similar process as above to set the color you wish to use. The secondary color is used to highlight information important to the user and their learning experience. This includes the lesson progress bar, callouts and the indication if a Practice scenario will be graded.

  • Under Text on Secondary Color, you can select Auto, Light or Dark to change the font color for button text. Note: This option defaults to Auto.

Custom Link Color

Under Custom Link Color, you can set a hex color code or select from the color square to set a custom color for custom links.


The below image shows how the Primary and Secondary color will show in a lesson view:

(this image is using the Lessonly default color):

If you have any further questions or are running into issues with setting a custom color, please reach out to Support at support@lessonly.com.

Did this answer your question?