Skip to main content

Let's talk people-first things. Join the club!

    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

    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

    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

    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 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

     

    Tags:
    HubSpot
    Jess Stewart
    Post by 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.