# Color Options

**Step 1** - From Ekommarts option select Home -> Colors.

![](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-MBb2roo2rmEWoH4APcL%2F-MBb5FV5U9mXilJ6t6O7%2Fimage.png?alt=media\&token=e8d005b2-88ec-45db-8c02-34448322fa59)

**Step 2** - Settings color for your site 

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

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

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

    2\. **Body Color** is color of the content text.

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

    3\. **Heading Color** is color of heading text. 

    Example: Color Title , Title  Tab ...

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

     Example: border product block, border form input and places with borders ... 

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

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

    6\. **Dark Color** is color dark usually used color for background.

     Example: background breadcrumb ... 

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