How to Add the Hex Color Code in the Theme Builder Color Palette Settings

ShortPoint Theme Builder allows you to customize the color of SharePoint themes on your site. You may have known that you can select colors from a pre-defined list:

But you can also add your own Hex colors:

This article will demonstrate how to do so. Follow the interactive tutorial or go through the step-by-step tutorial.

NOTEYou can also add your own Hex code in the Design Element settings. You can  find out more about it in How to add Hex Color Codes for Design Elements.

TABLE OF CONTENTS

• Prerequisites
• Interactive Tutorial
• Step-by-step Tutorial
  • Step 1: Open Theme Builder
  • Step 2: Go to Color Palette
  • Step 3: Enter the Hex Values
  • Step 4: Publish

Prerequisites

• You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
• You must be a ShortPoint Designer with an active license.

Interactive Tutorial

Start the interactive tutorial to learn how to add your own Hex codes:

TIPIf you don’t have your Hex codes yet, you can get them at htmlcolorcodes.com.

Step-by-step Tutorial

Follow the detailed guide below to add your Hex codes:

Step 1: Open Theme Builder

• Go to the SharePoint page you want to use and click the ShortPoint icon:

• Select Theme Builder.

Step 2: Go to Color Palette

• Select Branding.
• Click Color Palette.

Step 3: Enter the Hex Values

• Select any color.
• Write your Hex color in the field provided:

• Select it:

• Repeat the same steps for the other colors.

TIPIf you don’t have your Hex codes yet, you can get them at htmlcolorcodes.com.

Step 4: Publish

• Once satisfied, publish your changes.

That's it! You now know how to add Hex Color Codes in the Theme Builder Color Palette settings.

Related articles:

•  SharePoint Color Palette and Themes Tool
•  How to add Hex color code in Page Builder