Skip to content
Marketing

Help Guide: Global Custom Color

Maintaining brand consistency across all your designs can be time-consuming. With Global Custom Colors , you can define your brand colors once and use…

2 min read521 words6 explained imagesUpdated Wed, 26 Aug at 12:04 PM
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. How Are They Different from Design Kit Colors?
  2. Key Benefits of Global Custom Colors
  3. How to Use Global Custom Colors
  4. Frequently Asked Questions

Maintaining brand consistency across all your designs can be time-consuming. With Global Custom Colors, you can define your brand colors once and use them everywhere. Any updates to these colors instantly reflect across all your assets, saving you time and effort.


TABLE OF CONTENTS


What Are Global Custom Colors?

Global Custom Colors are brand colors stored in Global Settings under Brand Boards.

  • They are two-way synced, meaning if you update a color, it automatically updates in all the places it was used (emails, funnels, forms, pages, etc.).

  • By default, they appear in every color picker across the platform.


How Are They Different from Design Kit Colors?


  • Design Kit Colors: Quick-access colors available in the design builder. They do not sync, so updating them won’t change existing designs.

  • Global Custom Colors: Stored at the brand level with two-way sync. Update once, and the change applies everywhere that color is used.

In short: Design Kit = static quick access. Global Custom Colors = dynamic, synced brand consistency.


Key Benefits of Global Custom Colors

  1. Consistency Across Assets – Maintain the same look and feel in all designs.

  2. Time-Saving – Update a color once, and it reflects everywhere.

  3. Easy Rebranding – Agencies can clone/share funnels, emails, and quickly rebrand new locations just by updating the global colors.

  4. Always Accessible – Global colors show up in every color picker.

  5. Quick Import – Bring in your existing custom values for faster setup.


How to Use Global Custom Colors

Step 1: Open Global Settings

Navigate to Marketing → Brand Boards → Global Settings.

Step 1: Open Global Settings (image 1 of 6) What this shows Navigate to Marketing → Brand Boards → Global Settings. What this shows Illustrates the "Step 1: Open Global Settings" section of "Help Guide: Global Custom Color". This screenshot appears in the "Step 1: Open Global Settings" section of "Help Guide: Global Custom Color". The text alongside this image reads: Navigate to Marketing → Brand Boards → Global Settings. Immediately after, the guide continues: Add New Color → Give it a name and hex code. Image 1 of 6 Where to goNavigate to Marketing → Brand Boards → Global Settings. Next stepAdd New Color → Give it a name and hex code.
Step 1: Open Global Settings (image 2 of 6) What this shows Navigate to Marketing → Brand Boards → Global Settings. What this shows Illustrates the "Step 1: Open Global Settings" section of "Help Guide: Global Custom Color". This screenshot appears in the "Step 1: Open Global Settings" section of "Help Guide: Global Custom Color". The text alongside this image reads: Navigate to Marketing → Brand Boards → Global Settings. Immediately after, the guide continues: Add New Color → Give it a name and hex code. Image 2 of 6 Where to goNavigate to Marketing → Brand Boards → Global Settings. Next stepAdd New Color → Give it a name and hex code.

Step 2: Add or Manage Colors

  • Add New Color → Give it a name and hex code.
    Step 1 of 1: Add New Color → Give it a name and hex code What this shows Step 1 of 1: Add New Color → Give it a name and hex code. What this shows Shows what this covers for step 1 of 1 in the "Step 2: Add or Manage Colors" section of "Help Guide: Global Custom Color". This screenshot accompanies step 1 of 1 in the "Step 2: Add or Manage Colors" section of "Help Guide: Global Custom Color". At this point in the walkthrough you add New Color → Give it a name and hex code. Step 1 of 1Image 3 of 6 What this coversAdd New Color → Give it a name and hex code.
    Buttons and menus referenced Add New ColorEditDelete
  • Edit → Update color details anytime.

    Step 1 of 2: Edit → Update color details anytime What this shows Step 1 of 2: Edit → Update color details anytime. What this shows Shows what this covers for step 1 of 2 in the "Step 2: Add or Manage Colors" section of "Help Guide: Global Custom Color". This screenshot accompanies step 1 of 2 in the "Step 2: Add or Manage Colors" section of "Help Guide: Global Custom Color". At this point in the walkthrough you edit → Update color details anytime. For context, this section explains: Edit → Update color details anytime. Delete → Remove unused colors. The next step is to delete → Remove unused colors. Step 1 of 2Image 4 of 6 What this coversEdit → Update color details anytime.
    Buttons and menus referenced EditAdd New ColorDelete
    Next stepDelete → Remove unused colors.
    All 2 steps in this procedure
    1. Edit → Update color details anytime. this image
    2. Delete → Remove unused colors.
  • Delete → Remove unused colors.

Step 3: Import Colors

  • Click on New and then choose Import

  • Select the colors to import and proceed

    Step 2 of 2: Select the colors to import and proceed What this shows Step 2 of 2: Select the colors to import and proceed What this shows Shows what to choose for step 2 of 2 in the "Step 3: Import Colors" section of "Help Guide: Global Custom Color". This screenshot accompanies step 2 of 2 in the "Step 3: Import Colors" section of "Help Guide: Global Custom Color". At this point in the walkthrough you select the colors to import and proceed. For context, this section explains: Click on New and then choose Import Select the colors to import and proceed. Step 2 of 2Image 5 of 6 What to chooseSelect the colors to import and proceed
    Buttons and menus referenced Import
    All 2 steps in this procedure
    1. Click on New and then choose Import
    2. Select the colors to import and proceed this image

Step 4: Use in Builders

  • Open the Color Picker in emails, funnels, forms, timers or pages.

  • Your Global Custom Colors will appear automatically.

  • Use Manageinside the picker to add/edit colors on the fly.

    Step 3 of 3: Use Manage inside the picker to add/edit colors on the fly What this shows Step 3 of 3: Use Manage inside the picker to add/edit colors on the fly. What this shows Shows what this covers for step 3 of 3 in the "Step 4: Use in Builders" section of "Help Guide: Global Custom Color". This screenshot accompanies step 3 of 3 in the "Step 4: Use in Builders" section of "Help Guide: Global Custom Color". At this point in the walkthrough you use Manage inside the picker to add/edit colors on the fly. Step 3 of 3Image 6 of 6 What this coversUse Manage inside the picker to add/edit colors on the fly.
    Buttons and menus referenced ManageColor Picker
    All 3 steps in this procedure
    1. Open the Color Picker in emails, funnels, forms, timers or pages.
    2. Your Global Custom Colors will appear automatically.
    3. Use Manage inside the picker to add/edit colors on the fly. this image

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.

Frequently asked questions

How Are They Different from Design Kit Colors?
Design Kit Colors : Quick-access colors available in the design builder. They do not sync , so updating them won’t change existing designs. Global Custom Colors : Stored at the brand level with two-way sync . Update once, and the change applies everywhere that color is used. In short: Design Kit = static quick access. Global Custom Colors = dynamic, synced brand consistency.

Was this guide helpful?

Related guides