> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-edit-the-text-editor-color-picker-for-your-pages",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Edit the text editor color picker for pages

> Customize the color picker for your text editor to match your brand.

Create a simple, standout design with colors that match your brand using the text editor color picker.

## Overview

Kajabi helps you design smart pages by automatically adjusting text color based on the brightness of your selected background. For example, if you choose a dark background, the text color changes to stand out. If you select a light background, the text takes on a darker tone.

You can also override these dynamic colors and define your own branded text and background colors using the site brand settings.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/wwyn35buh6" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Customizing your color palette

By default, Kajabi adjusts text color based on your background brightness:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/41flmc12t9" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

To determine your own branded text and background colors, select your desired colors for both text and background to override the dynamically adjusting text colors.

When changing text color in the text editor, select from your site brand colors to streamline the build and design of your pages.

***

## Change your site brand colors

1. Open the **Settings** tab from your Dashboard.
2. Click **Site Details**.
3. Scroll to **Colors**.
4. Click each color you wish to change to create your desired custom color.
5. Click **Save** to keep and apply your changes.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/gyc82pm5d0" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

[Learn more about your Site Brand Settings](https://help.kajabi.com/hc/en-us/articles/360037850453)

***

## Create a custom color

To create your custom color palette, click the color you wish to change and enter your RGB color code in the bottom right field or use the sliders to select your color:

* Use the **vertical bar** to select the hue
* Use the **square box** to adjust the saturation and brightness of your color
* Use the **horizontal bar** to adjust opacity of your color
* Use the **color code box** to insert a pre-designed custom code

<Note>
  **Note:** You can find hundreds of pre-customized codes online or by using [this site](https://htmlcolorcodes.com/color-names/).
</Note>

<img src="https://mintcdn.com/kajabi-support/EFdfkzsgcSmbPght/articles/images/c82be3f6_41917702664475.png?fit=max&auto=format&n=EFdfkzsgcSmbPght&q=85&s=6137faf5e531a52669b3f25538f36b92" alt="Site Settings Color Picker" width="3292" height="1948" data-path="articles/images/c82be3f6_41917702664475.png" />