# Color

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

**Step 2** - **Site Settings** > **Global Colors** 

<figure><img src="https://content.gitbook.com/content/eZ8VrxLC1iMdyh6Nk9Tf/blobs/jTBnHjxZCRU0PYV2EiOp/color_setting.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2FLAneXqjPV3BBEPV22gyE%2FScreen%20Shot%202025-08-11%20at%204.16.44%20PM.png?alt=media&#x26;token=d63c760f-da96-4a89-9043-4d88b58d0154" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1709964549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeZ8VrxLC1iMdyh6Nk9Tf%2Fuploads%2FEBOGehagTOXrfKnoHpgL%2FScreen%20Shot%202025-08-11%20at%204.15.58%20PM.png?alt=media&#x26;token=ceb2a49f-37ad-4379-9510-97c0da9b158f" 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.