Using Dynamic colors

Since Elementor Pro v2.9, there is a new feature available called "Dynamic Colors" for color controls.

Style Kits seamlessly integrates with Elementor's Dynamic Color tag and provides you with a set of colors used in the Theme Style Kit from different controls.

To access dynamic colors, simply click the Dynamic Tag icon in any color control and choose "Style Kit Colors" from the dropdown, then click the field again to select the field/key to pull the color from.