# Color-Coded Property

**URL:** <https://community.hubspot.com/t/color-coded-property/67925>\
**Category:** Sales Hub Tools\
**Tags:** enterprise\
**Created:** [October 26, 2022, 2:22pm UTC](https://community.hubspot.com/t/color-coded-property/67925 "2022-10-26T14:22:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![JAliber](https://avatars.discourse-cdn.com/v4/letter/j/b9bd4f/32.png) [@JAliber](https://community.hubspot.com/u/JAliber)\
**Post date:** [October 26, 2022, 2:22pm UTC](https://community.hubspot.com/t/color-coded-property/67925/1 "2022-10-26T14:22:52Z")

</div>

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](http://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

---

<div class="post-metadata">

**Author:** ![karstenkoehler](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karstenkoehler/32/68554_2.png) [@karstenkoehler](https://community.hubspot.com/u/karstenkoehler)\
**Post date:** [October 26, 2022, 2:25pm UTC](https://community.hubspot.com/t/color-coded-property/67925/2 "2022-10-26T14:25:33Z")

</div>

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 🟢, 🟡 and 🔴.

 ![karstenkoehler_0-1666794396307.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/3/37c2bfaaff9a2fe00d5226093dc59f44bb6d1c4a.png)

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

 ![karstenkoehler_1-1666794504099.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/1/71e91929fc9734330cc4e37e44eb16e82389b45b.png)

Best regards!

---

<div class="post-metadata">

**Author:** ![crispyGTM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/crispygtm/32/40025_2.png) [@crispyGTM](https://community.hubspot.com/u/crispyGTM)\
**Post date:** [October 26, 2022, 2:25pm UTC](https://community.hubspot.com/t/color-coded-property/67925/3 "2022-10-26T14:25:42Z")

</div>

@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 🟢 🟥 🟡.

---

<div class="post-metadata">

**Author:** ![jolle](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jolle/32/44040_2.png) [@jolle](https://community.hubspot.com/u/jolle)\
**Post date:** [October 26, 2022, 2:29pm UTC](https://community.hubspot.com/t/color-coded-property/67925/4 "2022-10-26T14:29:27Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![deegeetee](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@deegeetee](https://community.hubspot.com/u/deegeetee)\
**Post date:** [July 2, 2024, 6:48pm UTC](https://community.hubspot.com/t/color-coded-property/67925/5 "2024-07-02T18:48:25Z")

</div>

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

![deegeetee_0-1719946066544.png](https://d2qpr2jzcazej7.cloudfront.net/original/1X/b05dbdde926b0cb6addbfec1d144da98d91f3149.png)

---

<div class="post-metadata">

**Author:** ![karstenkoehler](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karstenkoehler/32/68554_2.png) [@karstenkoehler](https://community.hubspot.com/u/karstenkoehler)\
**Post date:** [February 13, 2025, 5:23am UTC](https://community.hubspot.com/t/color-coded-property/67925/6 "2025-02-13T05:23:22Z")

</div>

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.

 ![karstenkoehler_2-1739424158335.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/6/b65dea362c1b6f80b61121d9ab994fc4df80586a.png)

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

 ![karstenkoehler_3-1739424162584.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/6/067e06f12acb1e439011c9a72632b69fa8e6360f.png)

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

---

<div class="post-metadata">

**Author:** ![norismat](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/norismat/32/45454_2.png) [@norismat](https://community.hubspot.com/u/norismat)\
**Post date:** [March 4, 2025, 12:30pm UTC](https://community.hubspot.com/t/color-coded-property/67925/7 "2025-03-04T12:30:53Z")

</div>

There is now a Beta on the topic

 ![norismat_0-1741091435900.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/4/b493485b238bb295cd8a997e99d587d2a55d28de.png)
