How to use Global colors in Elementor?

The global colors feature in Elementor is very handy. You can set colors for your elements, and edit all of them from one place.

How to edit or add global color?

To do this you need to edit any of your pages with Elementor.
Then click the Menu icon:

Then go to Site Settings:

Global Colors:

There you can edit the existing global colors, and add new ones.
Also, from this place you can edit the colors in the future if needed:

How to use global color?

To use the global color, you edit your page, and its elements like usual. In style of the element, where you see the color picker, you need to click the Globe icon:

Then you will be able to pick the desired global color:

You can also access global colors’ editor from there, by clicking the gear icon: