How to Use Global Custom Colors in HighLevel’s Brand Board Color Picker

You just cloned your absolute best performing snapshot for a brand new client. The automations are flawless. The funnels are converting machines. But the client has a very specific branding guide. They want their exact shade of neon green on every single button, email, and countdown timer.

Your designer spends the next twelve hours opening up every individual email template, funnel page, and form. They manually paste the hex code into hundreds of different color pickers. It is tedious, mind-numbing work that destroys your team’s bandwidth.

You cannot scale an agency if your team is doing manual data entry disguised as design. HighLevel fixes this instantly by putting Global Custom Colors directly inside your Color Picker. You can sync your brand colors globally so they appear automatically in every builder across the platform. Let us eliminate this busywork forever.

Ready to streamline this? Here is exactly how to do it in 60 seconds:

Part 1: Add Your Global Colors

First, we need to define the exact colors that will populate across your workspace.

1. Navigate to Marketing, select Brand Boards, and open Global Settings.
2. Click + Add and select Add New.
3. Enter a functional name like “Primary” or “Accent” and paste your exact HEX or RGB value.
4. Click Save to lock it in. Note that you must add at least one color before the Global Custom Colors section will actually appear inside your builder pickers.

Part 2: Import Existing Custom Values

If you already store your brand colors as custom values, you do not need to start over manually.

1. Verify that your existing custom values contain valid hex codes.
2. Inside your Global Settings, click + Add and select Import.
3. Select the specific custom values that represent your colors and click Import to bring them directly into your global palette.

Part 3: Edit and Manage Your Palette

Let us look at how you execute a massive client rebrand in five seconds.

1. Click the Edit (pencil) icon next to any global color to update the hex code.
2. Because these colors are two-way synced, updating the hex code here automatically updates every single live design using that specific swatch.
3. You can completely remove a color from all future pickers by clicking the trash can icon.

Part 4: Apply Colors Inside the Builder

Now you get to reap the rewards of your setup directly inside your workflow.

1. Open any drag-and-drop editor like Emails, Funnels, Websites, Forms, or Countdown Timers.
2. Select any element with a color setting and open the standard Color Picker.
3. You will see a brand new Global Custom Colors group populated with your swatches. Simply click a swatch to apply it instantly to your design.
4. Click Manage directly inside the color picker to jump straight back to your global settings and adjust colors on the fly.

Using Global Custom Colors guarantees your agency maintains perfect visual consistency while completely eliminating manual design updates.

Frequently Asked Questions

Start Your HighLevel Free Trial

Browse all GoHighLevel guides · Design.