# Color

**Step 1** - You can go to the Elementor and edit page.

**Step 2** - **Site Settings** > **Global Colors**&#x20;

<figure><img src="https://467945129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2PE4fx2DlygqoXQZQfqg%2Fuploads%2FV01JweP8Gs6czPHXdpV5%2Fcolor_setting.png?alt=media&#x26;token=5cfa9a92-8a0b-4960-9805-e927017b839c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://467945129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2PE4fx2DlygqoXQZQfqg%2Fuploads%2FtE2J8jezgM6MOe81HUjj%2Fcolor_setting_1.png?alt=media&#x26;token=9c0e18e9-9835-4285-a221-2c90ea5f63fd" alt=""><figcaption></figcaption></figure>

**Step 3** - Setting color for your site

1. **The Primary Color** is the main color of your site.

* Regular: original color
* Hover: color when hovering items

Example: Button background color, Link Color, and some other places.

2. **Text Color** is the color of the content text.

Example: Color content, description ... in a single blog, single product, page ...

3. **Accent Color** is the color Title...

Example:  Button Color, Title Tab ...

4. **Border Color** is the color border block.

Example: border product block, border form input, and places with borders ...&#x20;

5. **Light Color** is the color light used for sub-description.

Example: Color categories, color date-time, color subtitle ...

Note: Color is sometimes used for many special places to see which colors apply correctly to what cases you can select and test.
