HubSpot's new design brings your work into focus

[MeganDumas]

For a long time, software asked something of you before it gave anything back. You learned the tool, navigated to the right place, and figured out how to accomplish your task. The burden of getting value out of a product sat squarely with the person using it.

We think that’s backwards, and we’re changing it.

Over the past year, we’ve been rethinking what HubSpot looks and feels like. Not just visually, but fundamentally. How should the product help you start your work day? How should it surface what matters most without you having to go find it? How should AI fit into your workflow as something that already knows what you’re looking at and what you probably need next?

The answer is happening in two stages: The first is a visual refresh (which you can switch to now), and the second is a deeper reimagining of how the product works (rolling out in stages over the next 6 months).

---

What’s Changing Now: A Cleaner, More Modern HubSpot

We’re rolling out a refreshed visual experience in the HubSpot web UI, which is part of an ongoing journey toward a more modern, streamlined user interface. The update brings a lighter overall feel, cleaner typography, and more intentional spacing. We’ve moved away from heavy headers toward views that let the content itself take center stage.

We’re intentionally releasing our new look and feel gradually starting with a fresh visual theme, so the full redesign feels familiar, not jarring, when it arrives and you’re ready to turn it on.

What’s not changing: The navigation and structure you already know aren’t changing, so there’s nothing to relearn. The new look is available now to try out early and get familiar with before we roll it out to all customers on August 31, 2026. It’s the same HubSpot, just cleaner and faster to work from.

How to make the switch: Starting Tuesday June 30, 2026, you’ll be able to go into your HubSpot portal and opt into our public beta to try the new theme out and make the switch early.

---

Where HubSpot is Headed

The visual refresh is just the beginning. The bigger change we’re working toward is a version of HubSpot that doesn’t just look better, it actually does more of the work for you. Right now, getting value out of HubSpot means knowing where to go and how to do what you want once you get there. That’s a lot of product knowledge standing between you and the work that actually matters. So we’re changing that.

Start every day knowing what matters

When you log into HubSpot, you’ll immediately see what needs your attention: which follow-ups are overdue, which deals have gone quiet, and what actions you should take without having to hunt for it. HubSpot will surface a prioritized view of your day and guide you toward the actions that matter most.

Insights before you even open a record

Your index pages, where you manage all your CRM records, are getting smarter too. The lists you already work from will display metrics, insights, and smarter filtering alongside your records. You won’t need to build a report or pull a dashboard to see trends or understand performance.

Take action faster

HubSpot will also make it obvious what to do next, not leave you to figure it out on your own. For example, when you open a deal record, the context you need will already be surfaced: what’s happened recently, how engagement is trending, and what next action makes sense.

When you’re ready to take action, Breeze will help you execute. Whether that’s drafting a follow-up email, logging a note, or moving a deal forward, you choose what to act on and Breeze does the heavy lifting for you.

Run your marketing from one place

For marketers, these changes show up in a meaningful way. A refreshed marketing experience brings your campaigns, automation, content, and performance into a single, connected view. AI surfaces insights from your CRM data and past performance, and tells you exactly where to focus. Everything you need to plan, execute, and measure is in one place, with fewer clicks to get there.

Tell HubSpot what you want, Breeze figures out the rest

This is the bigger shift, and it’s the one we’re most excited about. In the version of HubSpot we’re building, Breeze is becoming a more central part of how HubSpot works. It understands where you are in the product, so if you’re on a contact record and ask a question, Breeze already knows you’re likely asking about that contact.

From there, Breeze can help you do things that used to require navigating somewhere else entirely: building reports on the fly, generating shareable artifacts, surfacing answers from your own data. And if your question isn’t fully formed yet, that’s fine too. Breeze will ask clarifying questions and present you with options. You won’t need to create a perfect prompt to get something useful back.

---

What’s Changing on Mobile

The mobile app will also be updated to match the new look and feel, and to take a meaningful step toward the same platform direction. We’re making targeted updates to the areas that make the biggest difference, so the app feels like it belongs to the same HubSpot you’ll experience on desktop.

Visually, the heavy header is going away in favor of a lighter surface, with updated card layouts and iconography that make the app feel more modern. And the unified Breeze and search input is coming to mobile too, so you can ask questions and get answers straight from your phone.

---

This Is the Start of Something Bigger

The new look is the foundation. What we’re building on top of it is a version of HubSpot that shows you what’s happening in your business, what it means, and what to do next, so you spend less time figuring out the product and more time driving better outcomes.

Want to share your feedback on the updated theme? Let us know what you think in the comments below!

[henry_collins]

This feels like a shift from users “operating the tool” to the tool actively guiding the work. If it actually reduces time spent digging through CRM data, that’s a big win.

But it will really depend on trust, people need to understand why they’re seeing certain insights or recommendations, otherwise it just becomes noise or another layer to work around.

[MeganDumas]

We agree! Trust is core to how we’re building and designing the platform. That’s why we’ll make insights and recommendations more transparent by showing where they came from so you have the context you need to understand them, trust them, and take action with confidence.

[Anton]

Hey @MeganDumas,

just signed up for the beta today. But for now, I’ll base my thoughts and feedback on the screens you’ve shared.

I understand that you (HubSpot) are looking for a streamlined experience and keeping/maintaining two themes means at least double the work, but please keep the Canvas theme (the old/“blue” one) as an option available. The “grey” (does it even got a name?) theme is much better than the “wine-red” one which was introduced after IN25, but it’s just dull and misses many things the Canvas theme did right.

TL;DR:

• Bring back the orange
• Please bring the app much closer to the overall (color) experience
• Please look into color contrast optimizations
• Think about the Breeze positioning on the pages
• Think about creating a global npm package for every HubSpot related website/app

Orange

What happened to it?

IMO, it’s your primary brand color and rather than being proud and using it as the primary color like in the Canvas theme, it got reduced to a secondary/tertiary color for icons and such elements.

I know orange and white most times doesn’t meet any accessibility guidelines, but it is THE color HubSpot is known for. Neither teal/green nor grey nor cream nor magenta. HubSpot = orange.

Please look at other international brands - Festool, BMW, AirBnB, Pepsi, Xbox - it doesn’t matter what type of business it is, the main brand color is being used as the primary action color.

I doubt that you’d ever think about coloring the sprocket teal, green, cream, magenta or some other brand color.

Colors & Color contrast

I’m not affected by color-blindness, visual impairment or similar but as a designer, I’m thinking about such people when designing stuff.

I’m working on 4 calibrated screens (16’ macbook Pro, 2x 32’ WQHD IPS panels 1440p resolution, 1 34’ Ultrawide IPS panel 1440p resolution). As a designer and long time HubSpot user, my biggest pain points are the colors and color contrasts which are all over the place. The colors of the new theme don’t make sense and don’t support guiding a specific action/information. The color contrasts are either exceeding WCAG 2.1 AA standard or doesn’t meet it at all.

Examples:

• The Canvas theme is way more homogenous. Links are blue-ish/teal. Primary actions orange or orange highlighted (doesn’t meet WCAG as well, but at least it stands out). In comparison, the new primary button is dark-teal. Great color contrast itself, but if everything else around it is dark-grey, it’s barely visible. If not orange, the hover color of it would be a much better fit as the “default” color imo.
• Everything is “blacked-out” in the new theme - what makes the Canvas theme superior is the fact that it did not have black/dark-grey. All colors were color variations of orange or blue. The new theme suggests that the main color is grey - but every other web presence of HubSpot (Knowledge Base, Blog, Community, Developer docs…) doesn’t as they’re using either the Cream or Teal color variations of your (new) brand colors.
• The line chart(Deals screen) visually drowns above the table. The red/green color is contrast wise to close to everything else and barely visible.
• The amount of white is something. Sure, not every HubSpot user has big or an Ultrawide screen, but opening HubSpot on such a screen in full-width lights up my whole room in the evening and lead to eyestrain after a few minutes. The Canvas theme was way better as contrasts weren’t that harsh.
• There are way too many colors in areas like the Marketing Studio. As far as I know most of them aren’t even part of your brand colors. But regardless of that - that many colors may lead to confusion. The exact opposite of what you’re trying to achieve with the new theme (streamlining the experience) imo. I mean, what does Purple, Red, Yellow in the “Today’s Insights” card represent? What are the colors of the “Recent activity” card represent? Why are the Icons in the Breeze window orange? Why is the “sparkle” icon next to “Q2 Travel Nurse Recruitment” orange? Where does the gradient border in “Ask Breeze” coming from? Even the “Fix Critical” action isn’t drawing that much of attention as it should be in this setup
• What’s this blurple color gradient doing in the “Here’s where to start today” screen? I’d guess you’ve invested quite a lot of money to create your new corporate design with an immense amount of colors (My last information is 80 brand colors), so why aren’t those colors being used? Besides the fact that this color combo is a) a known indicator for vibe-coding/-design and b) paired with the text color not meeting WCAG 2.1 AA

UX

The UX of the canvas theme was superior. It was clean, straight forward and supported the user in his daily work. The new theme seems to try to come close to it, but misses the most important things.

Examples:

• In the Canvas theme, the tabs ( All contacts, unsassigned contacts, marketing contacts) are clearly/visually separated. In the new theme such tabs (All-deals-1, All-deals) are differentiated by a bolder “underline”. Removing known/learned UI items like visual tabs are not a great UX as it makes it harder for the user. Especially in terms of accessibility.
• I understand that the goal with Breeze is that it’ll become the operational center for everything. But please don’t include it in every screen as prominent as it is. If it’s just for the purpose of the screenshot - ok, but imo it shouldn’t be slammed into every users face on almost every page. Maybe it’s because I don’t have anything good to say about Breeze as the results and pricing policy is far from being good, but this is a whole different topic.
• Every design/UI/UX student learns about the scanning behavior. Every human in the western world scans a page from left to right, while the eastern world is from right to left. Putting Breeze on the left side of the Marketing Studio, puts it subliminally in focus while the more important information is being put in a less important position for western. For the eastern world it’s exactly the other way around - the information is more important than Breeze. At the same time, Breeze takes up a lot of space (at least in the screenshot) which results in the Performance column of the Campaign table being absolutely not readable/understandable/straight forward. The close icon in the Breeze block indicates that it can be closed. Thank you for this feature. Will Breeze be open by default or closed so the user can decide if he wants to open it? In the CRM view (Hartwell Mechanical - Pro tier screen) it’s solved way better.
• When looking at the Deals screen (the one with the line charts above) it’s unclear what’s more important. The table or the cards? If cards, they should be separated and made more prominent. If the table, then the cards should be either removed or be at least collapsible.
• Due to the different color choices, there’s no alignment between the websites(hubspot.com, blog, knowledgebase, dev docs…) and the actual app(app.hubspot.com) - this might lead to a lot of confusion and potentially hurt the reputation (I’ve shared the same thought about the “wine-red”). Simply because of the overall experience “Everything is Teal and Cream, but the actual tool is grey”

App

To be transparent, I haven’t used in quite a while and it looks clean - why is it so different than the theme?

I guess, it’s because it was designed by a different team, but I’d love to see some alignment throughout all teams. I mean, it has an orange-white gradient, not perfect but it get’s the job done. Therefore: Why not use something like this for the new theme? Not saying that it should be the same orange-white gradient, but just something different that makes the new theme feel more human-focused.

Just a thought:

I can only assume that the lack of alignment between the theme and all the other pages is due to the various teams - so here’s a suggestion/idea: Wouldn’t it make sense to create something like a shared npm package for all teams, where changes would affect all websites?

Similar to what UI Extensions had. One Figma file which was the source of truth for everybody. Regardless if it was somebody internal or an App/UI developer.

Looking forward to hearing your thoughts on this

Best,
Anton

[EL8]

how can i switch to the new theme

[Berangere]

Hey @EL8 and Happy Friday!

Great question, thanks for asking!

You can switch by opting into the public beta in your portal.

Here is how to Opt an HubSpot account into a beta feature . The name of the Beta is “Updates to HubSpot’s new theme. Classic theme will be sunset on August 31st.”

The option became available starting Tuesday, June 30, 2026, and you can turn on the new theme early from there.

If you don’t opt in manually, it will be rolled out to all customers on August 31, 2026.

I hope this helps!

Have a wonderful weekend!
Bérangère

[ksw]

Please bring back the orange buttons. The UI looks soulless without it.

[JVaughn9]

+1 on bringing back the orange.

[Berangere]

Hey @JVaughn9 and @ksw, thanks for your valuable feedback, I’ll pass it along internally!

Have a wonderful day!
Bérangère

[cnelson2]

Not a fan of the new design. Its harder to read than the old theme, and an unwelcome change that doesn’t seem to improve my work. Instead of forcing users to stick to adjust to one layout or theme that may or may not work for their purposes, please allow users to select from a suite of themes or develop custom themes so they are empowered to have ownership over their daily tools.

[MPoniedzialek]

Hi Hubspot Team,
The new design is not exactly my taste: it looks a bit too “sharp” and colourless. Is it possible to add an option to select the older design or to adjust the theme to own liking?

[MW1]

Hi Hubspot Team,

I do not really like the new design. It is harder to read and very black & white. Would it be possible to create some themes (just as you can in Windows)?

[Inge]

Hi Hubspot,

I actually prefer the old design. Because there are many more shades of grey in the new design, some buttons are less noticeable. For example, the orange buttons stood out much more in the previous design and were easier to see.

Thank you!

[JHicking]

How do I switch back to the classic appearance?
If only for a month, it will give me some respite from the new interface which I really dislike.
For all the reasons that others have stated - it’s lacks depth and is harder to read in many areas.

Key points:

1. Switching between the ticket view and others often resets the ticket view to the card layout when I want it to stay in table view - this is how our whole support team works and I’ve yet to see any real improvements in Helpdesk.

2. Text on pie chart reports that displayed fine before the switch now cutoff or don’t display meaning simple charts have to take up twice the area they did previously to make them readable.

3. When viewing a single ticket, the side panels are now separated and this, along with the large rounded corners and excessive padding, makes fitting essential details that we rely on virtually impossible fit on the screen. And, yes, we can scroll but this wasn’t needed on the classic theme.

4. Conditional formatting - what’s conditional about it? The idea of conditional formatting on many other platforms and applications such as Excel, it that it allows the user to set their own conditions and highlights areas that fall with them. With Hubspot we appear to be just locked into a set of colour gradings based on what Hubspot think the values should be.
   If you’re going to make this useful then please allow use to set our own conditions.

5. Have you considered building in a user-level preference panel to allow users to pick their own colour scheme? This isn’t just a plaything but will allow them ‘brand’ the interface to their corporate colours and also allows those with visual conditions to adjust the scheme to something that they find more readable.

As a SaaS developer and someone with over 30 years in software testing and development, I can honestly say that the new appearance really does need reviewing before being forced out on your customer base.

[ZMiller]

Is that second screenshot the new direct record view? If so, that looks like a major downgrade, as it makes it harder to isolate specific property cards, association cards, etc. Those are key elements within a record that our teams rely on finding quickly and dynamically based on their assigned team specific record display.

[ratic]

It would be helpful if (for example) our RevOps team could opt in while leaving Sales & CS on the old view. That would give us time to try it out, identify what works and what needs adjusting for our processes, prior to go-live. Is that possible?

[EGrasnoff]

I agree!! It does look quite “sharp”, and I’ve already got used to the new design that they changed few months ago… I would like to have the possibility of using this older design instead of the mandatory new design.

[MeganDumas]

You should have the option to enroll just yourself or the entire account to the public beta. That will allow you to test it out before rolling out to the rest of the them!

[SRBiotility]

This looks horrible! I implore you to allow us to opt-out of the new theme. Visual styling should be a company’s choice, not a monolithic decree from above.