LP-SETTINGS-colors

Add The Following Colors To The Elementor Color Picker

In the Elementor sidebar, click the menu button (top left-hand and side) and choose “Color Picker”. You can ignore any duplicates, each color only needs to be added once.

Dark background color (left side)
#0856d3
Dark background color (right side)
#0072e5
Light background color
#f4f8fc
Background overlay color
#0f2b4f
Button color on dark background
#10c3ef
Button color on white background
#0072e5
Icon color on dark background
#10c3ef
Icon color on white background
#10c3ef

Add The Following Colors To The WordPress Customizer

In the WordPress admin, click on “Appearance > Customize”.  Then click on “Colors & Background > Base Colors”. If you’re not using Astra, your theme’s customizer might be organized differently.

Astra Base Colors

Text Color
#61636b
Theme Color
#0072e5
Link Color
#0072e5
Link Hover Color
#0856d3

Astra Button Colors

Button Text
#ffffff
Button Background
#0072e5
Button Text Hover
#ffffff
Button Background Hover
#0856d3

Your Font Colors

There’s no need to add these to the Elementor color picker, but if you ever need to know these font colors you can come back here at any time.

Heading font color on dark background
#ffffff
Paragraph font color on dark background
rgba(255,255,255,0.87)
Heading font color on white background
#1d2b3d
Paragraph font color on white background
#61636b

Color Ideas For Background Overlays

When using background images, we recommend adding a background overlay. This will make it easier for users to read any text that appears on top of your background image. Depending on your color scheme, some colors may look better than others. For best results, we recommend using an opacity somewhere between 0.7 and 0.9.

Gradient Overlay #1

#0856d3 – #0072e5

Gradient Overlay #1

#0f2b4f – #0856d3

Gradient Overlay #2

#0f2b4f – #0072e5

Gradient Overlay #3

#0f2b4f – #10c3ef

Gradient Overlay #4

#0f2b4f – #10c3ef

Gradient Overlay #5

#0856d3 – #10c3ef

Gradient Overlay #6

#0856d3 – #10c3ef

Gradient Overlay #7

#0072e5 – #10c3ef

Gradient Overlay #8

#0072e5 – #10c3ef