Color-Coded Property

Hello,

Is there a way in HubSpot to create a property that displays itself as:

Green
Yellow
Red

^ with corresponding background colors

Next to each deal, I’d like to be able to designate if the status of the deal: green, yellow, red. Perhaps this can be done with a rich text field?

To provide some context regarding my objective: as a project manager / sales leader of a large group of individual sales contributors with a large pipeline (100s of deals) it becomes increasingly difficult to identify visually what deals require immediate action. I have yet to find strong options in hubspot to create visual cues to give attention to specific deals -- this is a gaping flaw imo that other less sophisticated crm’s such as monday.com do well.

Is there a way using developer code to customize the background color of a property? This would be an easy fix. Open to ideas.

Thanks!

Josh

Hi @JAliber,

Not out of the box, no, but there is a workaround / compromise: using emojis. You can rename your property value labels to include :green_circle:, :yellow_circle: and :red_circle:.

That’s what it would look like on the deal index page:

Best regards!

@JAliber This is a very commonly asked question and is not currently available in the account. BUT, you could use something like emojis in the properties :green_circle: :red_square: :yellow_circle:.

Great question, @JAliber! Awesome recommendation from @karstenkoehler as well.

I’m not sure if you’re using tasks currently, but those can be used to help identify high-priority action items and show the sales team what they need to work on. I would also recommend some pipeline automation to create tasks or send internal notifications if a deal has been stuck in a stage for too long, close date has passed, associated contact takes a specific action, etc. I know this isn’t specific to dashboard visuals, but it could help set priorities and expectations.

Hope this helps!!

How about color-coding tags to show which ones are associated with worflows - is there a way to do that?

deegeetee_0-1719946066544.png

Hi @JAliber,

Good news, HubSpot is introducing colors in properties! This is a currently private beta. You can check if you have access under Settings > Product updates > All product updates. (If not, you’ll have be patient for a bit longer.)


CRM

Apply colors to property options

February 12, 2025

What is it?

You can now apply colors to property options, enabling a more visually-driven, delightful experience in the CRM.

Why does it matter?

Property option colors make skimming an index page table or record page to get actionable insights easy and fast. For example, you can:

  • Apply red, yellow, or green dots to a custom ‘status’ property, so that users can immediately focus on blockers when viewing an index page table
  • Color-code a default ‘type’ property such as lead type or deal type, so that you can quickly glance at a record and understand what category it falls into

How does it work?

Settings > Properties > Edit Property > Field Type > Option display mode

  • For multi-value enumeration properties, users can choose ‘text inside colored tag.’
  • For single-value enumeration properties, users can choose the ‘text with colored dot’ or ‘text inside colored badge’ display options.

Note:

  • Colors cannot be applied to
    • pipeline stage properties (deal pipeline stage, contact lifecycle stage)
    • deal pipeline or ticket pipeline properties.
  • Colors are not carried over to sync properties.

Who gets it?

All Hubs and Editions


Best regards!

There is now a Beta on the topic