Skip to content

Edit your logo, favicon, and brand colors

Last updated: January 29, 2024

Available with any of the following subscriptions, except where noted:

All products and plans

Users with Edit account defaults permission access can edit your brand's logo, favicon, and brand colors in your brand kit. 

Please note: To help you manage your brand's logos and favicons across content from one place, HubSpot will be moving all branding settings from Website > Pages > Branding to Brand Kit settings on February 1st, 2024. Make sure your desired primary logo and favicon are set here by then. HubSpot will automatically migrate domain-specific logos and favicons from pages branding to brand kits, preserving their domain association. If your brand kit's primary logo or favicon is empty on February 1st, 2024 and you have a default logo or favicon set in pages settings, we will migrate that logo or favicon over to your brand kit.

Edit your logo

In your account settings, you can edit your default logo. You can override this logo for individual pieces of content. 

  • In your HubSpot account, click the settings settings icon in the main navigation bar.
  • In the left sidebar menu, click Account defaults.
  • Click the Branding tab. 
  • Click the brand kit you want to edit. 
  • Add your new logo in the Logos section: 
    • To add an existing image from the files tool as your logo, click Browse images. In the right panel, click the image
    • To add a new image, click Upload, then add an image from your computer. 
  • In the Logo name field, enter a name for the logo. This field is required. 
  • In the Logo alt text field, enter a description of your logo for search engines and screen readers. This will improve the accessibility and SEO of your site. Learn more about website accessibility in our developer documentation
  • In the Logo URL field, enter a URL if you want your logo to be clickable. 
  • To resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to maintain the image's proportions. 
  • To add another logo, click + Add at the bottom of the Logos section.
  • To delete an existing image, hover over the image and click the in the top right corner. To delete an additional logo, click the Actions dropdown menu and select Delete.
edit-logo
  • When you're finished editing your logo, click Save in the bottom left. 
You can override a default logo for specific content in the content editor or design manager. In the Logo module, c lick to toggle the  Override default logo switch on, then upload a  logooverride-default-logo-in-content-editor

Edit your favicon

In account settings, you can customize your website's favicon, the small image in a browser tab next to the page title. Your favicon will only be applied to content hosted in HubSpot. 

  • In your HubSpot account, click the settings settings icon in the main navigation bar.
  • In the left sidebar menu, click Account defaults.
  • Click the Branding tab. 
  • Click the brand kit you want to edit. 
  • To add a new favicon, click + Add in the Favicon section. 
  • Add your new favicon: 
    • To add an existing image from the files tool as your favicon, click Browse images. In the right panel, click the image
    • To add a new image as your favicon, click Upload, then add an image from your computer. 

Please note: for best results, save your favicon as a 48 by 48 px image in one of these file formats: .ico, .gif, .png.

  • In the Favicon name field, enter the name of your favicon. 

add-favicon

  • When you're finished editing your favicon, click Save in the bottom left. 

Edit your brand colors

You can set brand colors in your settings that will appear in the content editor, as well as scheduling pages, quotes, and conversations channels. Brand colors will not appear in sales templates and emails. 

  • In your HubSpot account, click the settings settings icon in the main navigation bar.
  • In the left sidebar menu, click Account defaults.
  • Click the Branding tab. 
  • Click the brand kit you want to edit. 
  • In the My brand kit section, click the Colors tab. 
  • To set your primary color color, enter a hexadecimal code or click the color picker and select a color. The primary color is used in scheduling pages, quotes, and conversations channels.
  • To add more brand colors, click + Add, then enter a hexadecimal code or click the color picker and select a color. To delete a non-primary color, click the delete delete icon next to it. 

select-brand-colors

  • You can also import colors from a live page that already uses your brand colors: 
    • Click Import from URL.
    • In the dialog box, enter the URL of a page using your brand colors. 
    • When the scan finishes, clear the checkbox next to any color you don't want to import, then click Import

import-colors

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.