Color Picker

Elementor’s lightweight, efficient color picker allows you to easily save your favorite colors to the color picker’s custom swatches. Use your saved colors anywhere the color picker is available on your site.

How To Add A Color To The Color Picker’s Custom Swatch Bar

  1. Choose the desired color from the color picker
  2. Click the Add Swatch + icon


How To Delete A Color From The Color Picker’s Custom Swatch Bar

Drag and drop the color onto the trash icon that appears once dragging has begun


How To Rearrange Colors In The Color Swatch Bar

Drag and drop color swatches to any position of the swatch bar

Have a question about this?