> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/global-styles/global-styles/global-colours/palette-tab.md).

# Palette tab

The Palette tab allows you to generate and customise an 11 point palette.

Click “on” to activate a global colour palette. Click “off” to deactivate the palette.

For a better understanding of the palette or dynamic colour variations values, hover over a specific colour and the relative information will be displayed.

Hover over your palette or dynamic colour variation to find the connected base colour.

## Activate

The Palette tab can be accessed by selecting a global colour.

* In the Block Inspector, open the Global Styles tab.
* Open the Colours tab.
* Select a global colour.
* Open the Palette tab.
* Click the "on" button to activate.
* The generated Palette will now be visible in the Folder above the Global Colour chips.

The generated colour palette provides a range of tints, shades and tones based on the global colour.

<figure><img src="/files/KoYPef6lOQWM4pttMSSY" alt=""><figcaption></figcaption></figure>

## Additional Information

If you hover over an 11 point palette, additional relative information about the colour will be displayed.

* In the Block Inspector, find Global Colours in the Colours tab of the Global Styles tab.
* Find the 11 point palette you wish more information about.
* Hover over a specific colour.
* Additional information relative to the specified colour will be displayed.

<figure><img src="/files/2rRMnILxiB081hTGTUNb" alt=""><figcaption></figcaption></figure>

## Modify

You can modify the base colour and generate a new palette to suit your requirements.

* Open the Palette tab.
* Click the "on" button to activate.
* Click the palette in the Colour modal or the Block Inspector.
* Select a new base colour.

This will generate a new palette.

<figure><img src="/files/rZpXtnZVIpk5wOydBOWY" alt=""><figcaption></figcaption></figure>

## Customise

You can customise a specific colour in the 11-stop generated palette.

* Open the Colours tab in the Global Styles tab.
* In the Block Inspector, find the 11-stop palette you wish to customise.
* Click a specific colour to open the Global Colour modal.
* Modify accordingly.

<figure><img src="/files/ShE0ar8RHHAVL9F0oyV8" alt=""><figcaption></figcaption></figure>

## Dot Indicator

Using smart algorithms, the colour palette is always balanced, never too light or too dark.&#x20;

With the help of the dot indicator, you can follow the placement of your base colour.

* Open the Palette tab.
* Click the "on" button to activate.
* Click the palette in the Colour modal or the Block Inspector.
* Select a new base colour.
* Hover over the new palette to observe where the new base colour is placed within the palette.

<figure><img src="/files/z0mgiiZBFcKmti5Ousn0" alt=""><figcaption></figcaption></figure>

## Maximum Brightness

The maximum brightness field determines the lightest permitted colour.

* Open the Palette tab.
* Click the "on" button to activate.
* Input required Maximum Brightness value.

<figure><img src="/files/WK4mk6d18HKps0BUTJNu" alt=""><figcaption></figcaption></figure>

## Minimum Brightness

The minimum brightness field determines the darkest permitted colour.

* Open the Palette tab.
* Click the "on" button to activate.
* Input required Minimum Brightness value.

<figure><img src="/files/WFieoL0qOYY50gX3xTm5" alt=""><figcaption></figcaption></figure>

## Hue

The hue field determines the hue variations the generator is permitted to use.

* Open the Palette tab.
* Click the "on" button to activate.
* Input required Hue value.

<figure><img src="/files/7QFSHFBHR9rxT7v450zS" alt=""><figcaption></figcaption></figure>

## Saturation

The saturation field determines how vivid or muted the generated palette can be.

* Open the Palette tab.
* Click the "on" button to activate.
* Input required Saturation value.

<figure><img src="/files/BT5HxnuaNSwTB20u2SqZ" alt=""><figcaption></figcaption></figure>

## Type (Normal/Vivid)

The normal and vivid options determine the distribution of generated colours.

* Open the Palette tab.
* Click the "on" button to activate.
* Find the Type option.
* Toggle Normal or Vivid as required.

<figure><img src="/files/nIFr95uDVmXQyj2Jp3zv" alt=""><figcaption></figcaption></figure>

## Dark Mode (Normal/Reversed)

The Normal and Reversed options determine how colours are ordered in Dark Mode.

* Open the Palette tab.
* Click the "on" button to activate.
* Find the Dark Mode option.
* Toggle Normal or Reversed as required.

<figure><img src="/files/e51gMKkwlzV1mgNu0TkJ" alt=""><figcaption></figcaption></figure>