--- title: How to Add Colours to the Colour Picker Favourites [HubSpot Tip] description: Add your brand colours to HubSpot's colour picker favourites so you can easily select them in the text editor. image: https://www.connectlabs.co/hubfs/blog/hubspot-tips/hubspot-tip-color-picker-favorites.png --- [Skip to main content](https://www.connectlabs.co/blog/how-to-add-colours-to-the-colour-picker-favourites-hubspot-tip#main) [![Connect labs logo 2021.png?width=364&name=Connect labs logo 2021](https://www.connectlabs.co/hubfs/Imported%20images/Connect%20labs%20logo%202021.png%3Fwidth=364%26name=Connect%20labs%20logo%202021.png) ![Connect labs logo 2021.png?width=364&name=Connect labs logo 2021](https://www.connectlabs.co/hubfs/Imported%20images/Connect%20labs%20logo%202021.png%3Fwidth=364%26name=Connect%20labs%20logo%202021.png)](https://www.connectlabs.co) - Show submenu for STRATEGY STRATEGY - [AI Search Optimisation Strategy](https://www.connectlabs.co/workshops/answer-engine-optimisation) - [Value Proposition & Messaging](https://www.connectlabs.co/workshops/value-proposition-and-messaging) - [Lead Management Strategy](https://www.connectlabs.co/workshops/lead-qualification) - [SaaS Optimisation Strategy](https://www.connectlabs.co/workshops/saas-optimisation) - Show submenu for SOLUTIONS SOLUTIONS - [Disjointed customer data & no centralised CRM](https://www.connectlabs.co/solutions/disjointed-customer-data) - [Struggling with lead generation & conversion rates](https://www.connectlabs.co/solutions/lead-generation-strategies) - [Outdated or underperforming websites](https://www.connectlabs.co/solutions/outdated-websites-redesign-solutions) - [Inefficient sales and marketing processes](https://www.connectlabs.co/solutions/optimise-sales-and-marketing-processes) - [ABOUT](https://www.connectlabs.co/about-us) - [RESOURCES](https://www.connectlabs.co/resources) Open main navigation Close main navigation - Show submenu for STRATEGY STRATEGY - STRATEGY - [AI Search Optimisation Strategy](https://www.connectlabs.co/workshops/answer-engine-optimisation) - [Value Proposition & Messaging](https://www.connectlabs.co/workshops/value-proposition-and-messaging) - [Lead Management Strategy](https://www.connectlabs.co/workshops/lead-qualification) - [SaaS Optimisation Strategy](https://www.connectlabs.co/workshops/saas-optimisation) - Show submenu for SOLUTIONS SOLUTIONS - SOLUTIONS - [Disjointed customer data & no centralised CRM](https://www.connectlabs.co/solutions/disjointed-customer-data) - [Struggling with lead generation & conversion rates](https://www.connectlabs.co/solutions/lead-generation-strategies) - [Outdated or underperforming websites](https://www.connectlabs.co/solutions/outdated-websites-redesign-solutions) - [Inefficient sales and marketing processes](https://www.connectlabs.co/solutions/optimise-sales-and-marketing-processes) - [ABOUT](https://www.connectlabs.co/about-us) - [RESOURCES](https://www.connectlabs.co/resources) - [Let's Talk!](https://www.connectlabs.co/lets-talk) [Let's Talk!](https://www.connectlabs.co/lets-talk) # How to Add Colours to the Colour Picker Favourites \[HubSpot Tip\] ![Jess Stewart](https://www.connectlabs.co/hubfs/Jess_Stewart_profile_close.jpg) by [Jess Stewart](https://www.connectlabs.co/blog/author/jess-stewart) September 29, 2016 When you're editing text in a webpage, landing page, blog post or email, it's really handy to have your brand colours ready to select in the colour picker. In HubSpot, you can add up to six colours to your colour picker favourites. When you do this, they will appear in the bottom row of the colour picker in the text editor. ![colour picker in HubSpot text editor](https://www.connectlabs.co/hs-fs/hubfs/blog/hubspot-tips/colour-picker-text-editor.png?width=636&name=colour-picker-text-editor.png "colour picker in HubSpot text editor") ### How to set your colour picker favourites #### Step 1: Go to Content Settings Go to Content > Content Settings from the main menu. From the left-hand menu in Content Settings, click Colors and Fonts and then Color Picker Favorites. ![content settings - colors and fonts](https://www.connectlabs.co/hs-fs/hubfs/blog/hubspot-tips/content-settings.png?width=276&name=content-settings.png "content settings - colors and fonts") #### Step 2: Add a colour as a favourite There are two ways you can add a colour as a favourite: 1. Add the six-digit colour hex code into the text box on the left. 2. Click on the colour box on the right and select a colour from the pop-up colour picker. You can now see your colour picker favourite in the box on the right and its hex code in the box on the left: ![color-picker-favorites.png](https://www.connectlabs.co/hs-fs/hubfs/blog/hubspot-tips/color-picker-favorites.png?width=711&height=617&name=color-picker-favorites.png) #### Step 3: Save Click the Save changes button to save your colour picker favourites. ### Conclusion If you can't find your brand colour hex codes, you can use an eyedropper tool to pick them from your logo or website. I use a web browser extension called [ColorZilla](http://www.colorzilla.com/) to identify colours on a website. You could also use the eyedropper tool in an image editing app like Adobe Photoshop and use it on your logo image.   [![6 essential steps to mastering HubSpot daily – get the free checklist](https://no-cache.hubspot.com/cta/default/492760/75e74690-7d83-4b84-8684-54c970ca115b.png)](https://cta-redirect.hubspot.com/cta/redirect/492760/75e74690-7d83-4b84-8684-54c970ca115b)   ###### Tags: [HubSpot](https://www.connectlabs.co/blog/topic/hubspot) ![Jess Stewart](https://www.connectlabs.co/hubfs/Jess_Stewart_profile_close.jpg) Post by [Jess Stewart](https://www.connectlabs.co/blog/author/jess-stewart) September 29, 2016 Jess is the Marketing Coordinator at Connect Labs. If there's a better way to organise something, she'll find it. [Follow me on LinkedIn](https://au.linkedin.com/in/jessstewart) [Follow me on Twitter](https://twitter.com/_Jess_Stewart) ©2026 Connect Labs. All rights reserved. [Privacy Policy](https://www.connectlabs.co/privacy-policy) ![](https://dc.ads.linkedin.com/collect/?pid=215236&fmt=gif) ```json { "@context": "http:\/\/schema.org\/", "datePublished": "2016-09-29T02:00:00", "dateModified": "2019-11-25T15:09:54", "headline": "How to Add Colours to the Colour Picker Favourites [HubSpot Tip]", "description": "Add your brand colours to HubSpot's colour picker favourites so you can easily select them in the text editor.", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.connectlabs.co/blog/how-to-add-colours-to-the-colour-picker-favourites-hubspot-tip" }, "author": { "@type": "Person", "name": "Jess Stewart", "url": "https://www.connectlabs.co/blog/author/jess-stewart" }, "publisher": { "@type": "Organization", "name": "Connect Labs", }, "image": { "@type": "ImageObject", "url": "https://f.hubspotusercontent10.net/hubfs/492760/favicon%202021.png" }, "name": "How to Add Colours to the Colour Picker Favourites [HubSpot Tip]" } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Jess Stewart", "url" : "https://www.connectlabs.co/blog/author/jess-stewart" }, "datePublished" : "2016-09-29T02:00:00.000Z", "headline" : "How to Add Colours to the Colour Picker Favourites [HubSpot Tip]", "image" : [ "https://www.connectlabs.co/hubfs/blog/hubspot-tips/hubspot-tip-color-picker-favorites.png" ], "mainEntityOfPage" : { "@id" : "https://www.connectlabs.co/blog/how-to-add-colours-to-the-colour-picker-favourites-hubspot-tip", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.connectlabs.co/hubfs/Connect%20Labs%202021%20logo%20horizontal%20transparent%20bg.png" }, "name" : "Connect Labs Pty Ltd" } } ```