Skip to content
Marketing

Global Custom Colors in Color Picker

Set brand‑safe colors once and reuse them across emails, funnels, and forms. Import from Custom Values, sync updates everywhere, and manage centrally.

4 min read964 words11 explained imagesUpdated Wed, 26 Aug at 11:53 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Global Custom Colors
  2. Sync Behavior & Best Practices
  3. Using Global Settings to Add, Edit & Delete Global Colors
  4. Add a New Global Color
  5. Edit, Rename, or Delete a Global Color
  6. Import Global Custom Colors from Custom Values
  7. Using Global Custom Colors in Builders (Color Picker)
  8. Where you’ll see it
  9. Apply a Global Color within an Editor
  10. Manage from the Color Picker
  11. Frequently Asked Questions
  12. Related Articles

Video 1 Open in a new tab

Global Custom Colors let you save brand‑safe colors once and reuse them across GHL Customer Care. Add your palette in Brand Boards and it appears in color pickers across emails, funnels, and forms. Colors are two‑way synced—update a saved color and designs using that global color update automatically.

TABLE OF CONTENTS

What are Global Custom Colors?

Global Custom Colors are reusable color swatches you define under Brand Boards → Global Settings. They surface in the Color Picker throughout builders so teams can apply the exact same brand colors, keep assets consistent, and update them centrally when colors change.

How it differs from Design Kit colors (Brand Boards): Design Kit colors live inside a Brand Board and also appear in pickers. Global Custom Colors are an additional, centrally managed palette designed for fast reuse and two‑way syncing on applied instances. Both can appear in the picker; Global Custom Colors only show after you add at least one color.

Key Benefits of Global Custom Colors

  • Consistency Across Assets: Maintain the same look and feel in all designs.
  • Time-Saving: Update a color once, and it reflects everywhere.
  • Easy Rebranding: Agencies can clone/share funnels, emails, and quickly rebrand new locations just by updating the global colors.
  • Always Accessible: Global colors show up in every color picker.
  • Quick Import: Bring in your existing custom values for faster setup.

Sync Behavior & Best Practices

Understanding how sync works helps you change colors confidently without breaking live designs.

  • Two‑way sync on applied instances: Updating a saved global color updates designs that used that specific global swatch.

  • Add at least one color: The Global Custom Colors section appears in the picker only after you create at least one color, helping distinguish it from Design Kit colors.

  • Name clearly: Use functional names (Primary, Secondary, Accent) so teams know which swatch to use.

  • Plan rebrands: For large changes, duplicate designs if needed, then adjust global colors to propagate updates consistently.

Using Global Settings to Add, Edit & Delete Global Colors

Use Global Settings to add, name, organize, and manage the colors your team will reuse across builders. Creating at least one color enables the Global Custom Colors section to appear inside the Color Picker.

Add a New Global Color

  1. Go to Marketing → Brand Boards → Global Settings.

    Step 1 of 4: Go to Marketing → Brand Boards → Global Settings What this shows Step 1 of 4: Go to Marketing → Brand Boards → Global Settings. What this shows Shows where to go for step 1 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 1 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you go to Marketing → Brand Boards → Global Settings. The next step is to click + Add then Add New. Step 1 of 4Image 1 of 11 Where to goGo to Marketing → Brand Boards → Global Settings.
    Buttons and menus referenced Marketing → Brand Boards→Global Settings+ AddAdd New.NameHEX/RGB valueSave
    Next stepClick + Add then Add New.
    All 4 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings. this image
    2. Click + Add then Add New.
    3. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker.
    4. Click Save.

  2. Click + Add then Add New.

    Step 2 of 4: Click + Add then Add New What this shows Step 2 of 4: Click + Add then Add New. What this shows Shows what to click for step 2 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 2 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you click + Add then Add New. For context, this section explains: Go to Marketing → Brand Boards → Global Settings. Click + Add then Add New. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker. Click Save. The next step is to enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker. Step 2 of 4Image 2 of 11 What to clickClick + Add then Add New.
    Buttons and menus referenced + AddAdd New.Marketing → Brand Boards→Global SettingsNameHEX/RGB valueSave
    Next stepEnter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker.
    All 4 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings.
    2. Click + Add then Add New. this image
    3. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker.
    4. Click Save.

  3. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker.

    Step 3 of 4: Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value… What this shows Step 3 of 4: Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker. What this shows Shows what to fill in for step 3 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 3 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker. The next step is to click Save. Step 3 of 4Image 3 of 11 What to fill inEnter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker.
    Buttons and menus referenced NameHEX/RGB valueMarketing → Brand Boards→Global Settings+ AddAdd New.Save
    Next stepClick Save.
    All 4 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings.
    2. Click + Add then Add New.
    3. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker. this image
    4. Click Save.

  4. Click Save.

    Step 4 of 4: Click Save What this shows Step 4 of 4: Click Save. What this shows Shows how to confirm for step 4 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 4 of 4 in the "Add a New Global Color" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you click Save. For context, this section explains: Go to Marketing → Brand Boards → Global Settings. Click + Add then Add New. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker. Click Save. Step 4 of 4Image 4 of 11 How to confirmClick Save.
    Buttons and menus referenced SaveMarketing → Brand Boards→Global Settings+ AddAdd New.NameHEX/RGB value
    All 4 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings.
    2. Click + Add then Add New.
    3. Enter a Name (e.g., Primary, Accent, Background) and a HEX/RGB value (for example: #1A73E8) or select a color from the color picker.
    4. Click Save. this image

Edit, Rename, or Delete a Global Color

You are able to edit, rename and delete existing Global Colors from within Global Settings in Brand Boards.

Caution: Deleting removes the color from pickers; designs that used that color may update to reflect the removal depending on how the builder stores swatches.
  • To delete a Global Color, click the trash can icon. 
    Step 1 of 1: To delete a Global Color, click the t rash can icon What this shows Step 1 of 1: To delete a Global Color, click the t rash can icon. What this shows Shows what to click for step 1 of 1 in the "Edit, Rename, or Delete a Global Color" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 1 of 1 in the "Edit, Rename, or Delete a Global Color" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you to delete a Global Color, click the t rash can icon. Step 1 of 1Image 5 of 11 What to clickTo delete a Global Color, click the t rash can icon.
    Buttons and menus referenced trash can icon.Edit (Pencil) icon.
  • To edit or rename a Global Color, click the Edit (Pencil) icon. This opens the color picker where you can make the required edits.
    Step 1 of 1: To edit or rename a Global Color, click the Edit (Pencil) icon. This… What this shows Step 1 of 1: To edit or rename a Global Color, click the Edit (Pencil) icon. What this shows Shows what to click for step 1 of 1 in the "Edit, Rename, or Delete a Global Color" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 1 of 1 in the "Edit, Rename, or Delete a Global Color" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you to edit or rename a Global Color, click the Edit (Pencil) icon. This opens the color picker where you can make the required edits. Step 1 of 1Image 6 of 11 What to clickTo edit or rename a Global Color, click the Edit (Pencil) icon. This opens the color picker where you can make the required edits.
    Buttons and menus referenced Edit (Pencil) icon.trash can icon.

Import Global Custom Colors from Custom Values

If you already store brand colors as Custom Values, import them to quickly populate your Global Custom Colors palette. Import copies eligible values into Global Settings for central management.

Before You Start

  • Confirm your Custom Values contain valid color entries (commonly HEX codes like #000000).

  • Use clear names (e.g., Primary_Color, Button_BG) to make mapping easier when importing.

Import Steps

  1. Go to Marketing → Brand Boards → Global Settings.

    Step 1 of 3: Go to Marketing → Brand Boards → Global Settings What this shows Step 1 of 3: Go to Marketing → Brand Boards → Global Settings. What this shows Shows where to go for step 1 of 3 in the "Import Global Custom Colors from Custom Values" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 1 of 3 in the "Import Global Custom Colors from Custom Values" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you go to Marketing → Brand Boards → Global Settings. The next step is to click + Add then Import. Step 1 of 3Image 7 of 11 Where to goGo to Marketing → Brand Boards → Global Settings.
    Buttons and menus referenced Before You StartImport Steps+ AddImport
    Next stepClick + Add then Import.
    All 3 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings. this image
    2. Click + Add then Import.
    3. Select the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing.

  2. Click + Add then Import.

    Step 2 of 3: Click + Add then Import What this shows Step 2 of 3: Click + Add then Import. What this shows Shows what to click for step 2 of 3 in the "Import Global Custom Colors from Custom Values" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 2 of 3 in the "Import Global Custom Colors from Custom Values" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you click + Add then Import. For context, this section explains: If you already store brand colors as Custom Values, import them to quickly populate your Global Custom Colors palette. Import copies eligible values into Global Settings for central management. The next step is to select the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing. Step 2 of 3Image 8 of 11 What to clickClick + Add then Import.
    Buttons and menus referenced + AddImportBefore You StartImport Steps
    Next stepSelect the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing.
    All 3 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings.
    2. Click + Add then Import. this image
    3. Select the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing.

  3. Select the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing.

    Step 3 of 3: Select the Custom Values that represent colors and click Import. If… What this shows Step 3 of 3: Select the Custom Values that represent colors and click Import. What this shows Shows what to choose for step 3 of 3 in the "Import Global Custom Colors from Custom Values" section of "Global Custom Colors in Color Picker". This screenshot accompanies step 3 of 3 in the "Import Global Custom Colors from Custom Values" section of "Global Custom Colors in Color Picker". At this point in the walkthrough you select the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing. Step 3 of 3Image 9 of 11 What to chooseSelect the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing.
    Buttons and menus referenced ImportBefore You StartImport Steps+ Add
    All 3 steps in this procedure
    1. Go to Marketing → Brand Boards → Global Settings.
    2. Click + Add then Import.
    3. Select the Custom Values that represent colors and click Import. If any selected value isn’t a valid color (e.g., not a HEX code), skip or correct it before importing. this image

Using Global Custom Colors in Builders (Color Picker)

Once at least one Global Custom Color is saved, a “Global Custom Colors” group appears in the Color Picker inside supported builders. This makes it easy to apply the exact, approved swatches everywhere.

Where you’ll see it

  • Emails (drag‑and‑drop builder)

  • Funnels & Websites (page builder)

  • Forms & Surveys

  • Countdown Timers

Apply a Global Color within an Editor

  1. Open the builder (e.g., Email, Funnel Page, Countdown Timeror Form) and select any element with a color setting (text, button, background, border).

  2. Open the Color Picker.

  3. Click a swatch under Global Custom Colors to apply it.

Apply a Global Color within an Editor (image 10 of 11) What this shows Open the builder (e.g., Email, Funnel Page, Countdown Timeror Form) and select any element with a color setting (text, button, background, border). What this shows Illustrates the "Apply a Global Color within an Editor" section of "Global Custom Colors in Color Picker". This screenshot appears in the "Apply a Global Color within an Editor" section of "Global Custom Colors in Color Picker". The text alongside this image reads: Open the builder (e.g., Email, Funnel Page, Countdown Timeror Form) and select any element with a color setting (text, button, background, border). Open the Color Picker. Click a swatch under Global Custom Colors to apply it. Immediately after, the guide continues: Click Manage in the Color Picker to jump directly to Global Settings (when available), where you can add or adjust colors. Image 10 of 11 Where to goOpen the builder (e.g., Email, Funnel Page, Countdown Timeror Form) and select any element with a color setting (text, button, background, border). Open the Color Picker. Click a swatch under Global Custom Colors to apply it.
Buttons and menus referenced Color PickerGlobal Custom Colors
Next stepClick Manage in the Color Picker to jump directly to Global Settings (when available), where you can add or adjust colors.
All 3 steps in this procedure
  1. Open the builder (e.g., Email, Funnel Page, Countdown Timeror Form) and select any element with a color setting (text, button, background, border).
  2. Open the Color Picker.
  3. Click a swatch under Global Custom Colors to apply it.

Manage from the Color Picker

Click Manage in the Color Picker to jump directly to Global Settings (when available), where you can add or adjust colors.

Manage from the Color Picker (image 11 of 11) What this shows Click Manage in the Color Picker to jump directly to Global Settings (when available), where you can add or adjust colors. What this shows Illustrates the "Manage from the Color Picker" section of "Global Custom Colors in Color Picker". This screenshot appears in the "Manage from the Color Picker" section of "Global Custom Colors in Color Picker". The text alongside this image reads: Click Manage in the Color Picker to jump directly to Global Settings (when available), where you can add or adjust colors. Immediately after, the guide continues: Q: Will changing a Global Color update my existing assets? Yes. Global Custom Colors are two-way synced. Any change reflects instantly across all designs where that color is applied. Image 11 of 11 What to clickClick Manage in the Color Picker to jump directly to Global Settings (when available), where you can add or adjust colors.
Buttons and menus referenced Manage
Next stepQ: Will changing a Global Color update my existing assets? Yes. Global Custom Colors are two-way synced. Any change reflects instantly across all designs where that color is applied.

Frequently Asked Questions

Q: Will changing a Global Color update my existing assets?
Yes. Global Custom Colors are two-way synced. Any change reflects instantly across all designs where that color is applied.

Q: Why don’t I see Global Colors in the color picker?
The section only appears if you’ve added at least one color in Global Settings.

Q: Can I import my existing custom value based colors?
Yes. You can import them from the Custom Values section into Global Settings. This only creates a copy and does not lift and shift the custom value based colors.

Q: How is this different from Design Kit colors?
Design Kit colors are for quick access only and do not sync. Global Custom Colors sync across all assets.

Q: Can agencies use this for client onboarding?
Absolutely! Agencies can clone funnels/emails and simply update the Global Colors to instantly rebrand for new clients.

Was this guide helpful?

Related guides

How to Create a Brand Board4 min read · 5 imagesHow to use Brand Boards in emails?2 min read · 6 imagesHow to change default Brand Boards?3 min read · 5 imagesEditing a Design Kit3 min read · 6 images