There are four Default Colors: Primary, Secondary, Text, and Accent. The following examples show where they are typically used.
- Primary Colors are used for Headings and Icons.
- Secondary Colors are used for List Items, Subheadings, Animated Headings, and Price Table backgrounds.
- Text Colors are used for Paragraphs and Menu items
- Accent Colors are used for Links, Button backgrounds, Tab and Accordion headings, and Badges
Each of the colors will be used in various widgets in ways similar to the examples above. Below are some color examples to help visualize the areas in which each color is used.
Primary Color Examples
![Elements impacted by global colors 2 primarycolor2 1024x522 1 Elements impacted by global colors 1](https://cdn.statically.io/img/elementor.com/help/wp-content/uploads/2020/12/primarycolor2-1024x522-1.png)
Secondary Color Examples
![Elements impacted by global colors 4 secondarycolor2 1024x637 1 Elements impacted by global colors 3](https://cdn.statically.io/img/elementor.com/help/wp-content/uploads/2020/12/secondarycolor2-1024x637-1.png)
Text Color Examples
![Elements impacted by global colors 6 textcolor 2 1024x528 1 Elements impacted by global colors 5](https://cdn.statically.io/img/elementor.com/help/wp-content/uploads/2020/12/textcolor-2-1024x528-1.png)
How Default Colors Are Used In Posts Widget
![Elements impacted by global colors 8 postcolors2 1024x854 1 Elements impacted by global colors 7](https://cdn.statically.io/img/elementor.com/help/wp-content/uploads/2020/12/postcolors2-1024x854-1.png)