How to Set Global Custom Colors in GoHighLevel
If you manage multiple brands or collaborate with teams across tools such as ClickUp and GoHighLevel, having consistent colors is essential. This guide explains step by step how to create, save, and manage global custom colors in the color picker so your funnels, websites, and forms always stay on-brand.
The global color feature lets you define a reusable palette that appears in the builder across different projects. Instead of manually re-entering hex codes each time, you can save them once and reuse them everywhere.
What Are Global Custom Colors in GoHighLevel?
Global custom colors in GoHighLevel are saved color presets that show up inside the color picker in the funnel, website, and other visual builders. These presets act as a shared palette so your brand colors are always one click away.
Key benefits include:
- Consistent branding across all pages and sections
- Faster design workflow with pre-saved colors
- Easier collaboration for teams and agencies
- Reduced risk of using slightly different color codes
Once configured, these colors become part of the global color selector, so you no longer need to copy and paste hex codes.
Where Global Colors Appear in GoHighLevel
After you configure your global colors, they are available in various parts of the GoHighLevel builder. You will typically see them when editing elements such as:
- Sections and rows (background colors)
- Headlines, text, and buttons
- Form elements and input fields
- Icons, borders, and other design details
Any time you open the color picker, the global section will show your saved palette.
How to Access the Color Picker in GoHighLevel
Before you can save a global color, you need to open the color picker in the builder.
-
Log in to your GoHighLevel account.
-
Open a funnel, website, or page where you want to adjust styling.
-
Click on an element that supports color editing (for example, a button or background section).
-
Locate the color setting (often labeled as Background, Text Color, or similar) and click on the color swatch to open the color picker.
The color picker will now display several sections, including any existing global swatches.
How to Create a New Global Custom Color in GoHighLevel
Creating a new global color in GoHighLevel only takes a few steps once the color picker is open.
Step 1: Choose Your Base Color
-
Use the color gradient area to visually select a color, or
-
Enter an exact hex code (for example,
#1A73E8) in the input field.
This color will be the base of your new global swatch.
Step 2: Add the Color to Global Swatches
-
Look for the section labeled for saved or global colors under the main color picker.
-
Click the option to add or save the current color as a global swatch.
-
The new swatch will appear in the global area of your color picker and can be reused any time.
From now on, you can simply click that swatch instead of entering the color code again.
How to Edit Existing Global Colors in GoHighLevel
Sometimes you may need to tweak an existing color to match a small brand update. You can edit global colors directly from the color picker.
Step 1: Open the Global Color
-
Go to any element that uses the color picker.
-
Click on the global color you want to change.
The color details will appear in the picker, including the hex code.
Step 2: Adjust the Color Values
-
Modify the hex code to your new desired value, or
-
Use the gradient and sliders to fine-tune hue, saturation, or brightness.
-
Save or confirm your changes to update the global swatch.
After updating, the new color value will be reflected anywhere the global swatch is used.
How to Delete a Global Custom Color in GoHighLevel
If a color is no longer needed, you can remove it from your global palette to keep your workspace clean and easy to manage.
Step 1: Locate the Swatch to Remove
-
Open the color picker from any element in the builder.
-
Scroll or look through the saved global swatches area to find the one you want to remove.
Step 2: Delete the Global Color
-
Hover over the swatch (or select it) to reveal its controls.
-
Click the delete or remove icon associated with that swatch.
-
Confirm the deletion if prompted.
Once deleted, that color will no longer appear in the global list and will not be available for quick selection in GoHighLevel. Existing elements that used the color may retain the value, but the swatch itself will be removed from your palette.
Best Practices for Using Global Colors in GoHighLevel
To keep your design system organized and scalable, consider the following practices:
- Limit your palette: Define a small set of primary, secondary, and accent colors.
- Use naming conventions: If your workspace supports labeling, use names like Primary, Secondary, Accent, Success, or Warning.
- Test contrast: Ensure text and background color combinations are accessible and readable.
- Standardize across brands: For agencies managing multiple brands in GoHighLevel, keep separate, clearly differentiated palettes.
Learn More About GoHighLevel Color Settings
You can review the original help documentation about global custom colors directly on the official support portal. Visit the source article here: Global Custom Colors in Color Picker.
If you need additional help implementing branding, funnels, or automation strategies around GoHighLevel, you can also explore expert services and tutorials at Consultevo.
Summary
By configuring global custom colors in GoHighLevel, you create a single source of truth for your brand palette inside the builder. This reduces design time, keeps every page consistent, and simplifies collaboration across teams and clients.
Use the color picker to add, edit, and delete global swatches as your brand evolves. With a well-organized palette, your funnels, websites, and forms will always stay visually aligned with your overall brand identity.
Need Help With ClickUp?
If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.
“`