# Global Colors

### Access your site’s global colors

**To view your site’s global colors:**

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/NVVEaxQMrcOO2JWKrsOZ/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/YrjiSTaq5Yh1mmYyh8Ai/image.png" alt=""><figcaption></figcaption></figure>

From the Elementor Editor, go to **Site Settings**. The Site Settings panel opens.

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/6XeZ32W2ErQAepCtYkMS/image.png" alt=""><figcaption></figcaption></figure>

The panel contains a list of global fonts. The canvas shows how the fonts will appear on screen.

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/hZImU0LJx1s1zCXrtDGy/image.png" alt=""><figcaption></figcaption></figure>

### Edit your site’s global colors

**To edit the global colors:**

Under **Custom Colors**, hover over the color swatch..

* To delete the global color, click the delete icon (![XGkcQFX0vIcz78DaCDyHq7WgGe me1b5Gh92NtS 09EtGlw0ffEPxkDu8WXY8IBOrk5pRwCYGKKUuDDMDFXX5l3seaDdiceRv0 vVKLlGIVo5GoPj8 SOQr7RHssd8WHB7LuiEPalAHYhN tt tmXw View and edit global colors 9](https://lh4.googleusercontent.com/XGkcQFX0vIcz78DaCDyHq7WgGe_me1b5Gh92NtS_09EtGlw0ffEPxkDu8WXY8IBOrk5pRwCYGKKUuDDMDFXX5l3seaDdiceRv0_vVKLlGIVo5GoPj8_SOQr7RHssd8WHB7LuiEPalAHYhN_tt-tmXw)). You cannot delete any of the system colors.
* To reorder the the global colors, click the arrows icon (![pQEC12kjisJokUbGM8R2RZkMSUKLToWsoHQKEIa Yo3pdMWP6EdtMt7OcWkUp920V8fcmKw zysRlU QbziQbpHYmL 7iuVIAfAjIvNjwF5hUioj6w QbNo5vBIKL2N4zUcwwt DEccivO4yQZOhg View and edit global colors 11](https://lh6.googleusercontent.com/pQEC12kjisJokUbGM8R2RZkMSUKLToWsoHQKEIa-Yo3pdMWP6EdtMt7OcWkUp920V8fcmKw-zysRlU_-QbziQbpHYmL_7iuVIAfAjIvNjwF5hUioj6w_QbNo5vBIKL2N4zUcwwt-DEccivO4yQZOhg))
* To change the color, click the **swatch** (![YPggaU5KwSBKmJjhYrk1 PqfqsThEI 6J7XPn4BSFPBCnrfFp 8InDmf RdzD 5NvRZW2azg9HNwfE unPy8vgVJ4Yl v3mTMberkr6MJsVkk4m9I2oVRSf4sZQNMrTVIBKxJ iVlnTDoeSkWYqu3g View and edit global colors 13](https://lh3.googleusercontent.com/YPggaU5KwSBKmJjhYrk1-PqfqsThEI-6J7XPn4BSFPBCnrfFp-8InDmf-RdzD-5NvRZW2azg9HNwfE-unPy8vgVJ4Yl-v3mTMberkr6MJsVkk4m9I2oVRSf4sZQNMrTVIBKxJ-iVlnTDoeSkWYqu3g))) the [color picker](https://elementor.com/help/choose-color/) and choose a new color.
* Click **Save Changes**.

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/ccJjv9PlKvsuYbZGlGsI/image.png" alt=""><figcaption></figcaption></figure>

**To change the name of the global color:**

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/lYrdXMBxw8pljIeipxGx/image.png" alt=""><figcaption></figcaption></figure>

* Click the name of the global color.
* Enter the new name.

### Add a new global color

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/gaJTwYck02LpLyyvF4t5/image.png" alt=""><figcaption></figcaption></figure>

Click **Add Color.** A New Item box appears.

<figure><img src="https://content.gitbook.com/content/Wi7n2WZtJx6Wbo9bjoI1/blobs/AHbfPHcaQ4kMsCLfcJ3s/image.png" alt=""><figcaption></figcaption></figure>

Enter a new name for the color.