ShortPoint  allows you to customize the color in your elements or SharePoint themes on your site. In this article we will go through the process of adding your own Hex colors in case you want to be specific and not select the pre-defined color in Page Builder settings of the element.  


Note: You can also add your own Hex code in the Theme Builder Color Palette customization settings. You can find more on it in How to add Hex color code in Theme Builder Color Palette settings article. 


In the settings of the elements, you have an option to add your own Hex colors, we will show you how to do this in example of the Tiles element.

To start, please add the Tiles design element to your page, open the Settings  of the element and navigate to Settings tab.


STEP 1. Enter the Hex values

Please insert your own Hex Color Code in the Color field:



STEP 2.  Select the code from the list

Enter the code and select it from the list:



That's how you can add your Hex Color Code in Page Builder elements.


Related articles:

How to add Hex color code in Theme Builder Color Palette settings


SharePoint Color Palette and Themes Tool