How to Colour-Code Labels in Gmail for Faster Triage

The short answer
Hover over any label in Gmail's sidebar, click the three-dot menu that appears, and choose Label colour. Pick one of 18 presets or enter a custom hex value. For a system that holds up under volume, limit yourself to four or five categories — urgency and source category — so colour stays a triage signal, not a lookup table.
How to colour-code Gmail labels in two clicks, pick custom hex colours, and build a system for triage — plus what to do when colours stop showing.
On this page
- 01How many label colors does Gmail have?
- 02How to colour-code labels in Gmail: desktop steps
- 03Gmail label colours: desktop, mobile, and Workspace compared
- 04What to do when Gmail label colors are not showing
- 05A colour-coding system that survives real inbox volume
- 06A faster way to keep colour-coded labels populated
If you know how to color code labels in Gmail, you can open your inbox and know at a glance what needs you first — red for urgent, green for client threads, blue for newsletters. If you do not, every label looks the same shade of grey text and you are back to reading every subject line to triage. Gmail has offered label colours for years, but the custom hex picker — the one that lets you move beyond the 18 default shades — sits behind a right-click menu most people never discover.
This guide covers the complete picture: how many colours Gmail actually offers and where to find the custom picker, the exact steps for desktop, what you can and cannot do on mobile, why colours sometimes stop appearing and how to fix each cause, and an opinionated approach to colour-system design that stays readable at real inbox volume. If your label list has grown to a dozen entries all the same grey, by the end of this page it will not.
How many label colors does Gmail have?#
Gmail's colour picker offers 18 preset colours arranged in a small grid, plus a hidden 'Add custom color' option at the bottom. The presets cover warm tones (red, orange, yellow, pink), cool tones (blue, teal, cyan, indigo), several greens, and neutrals — enough variety for most category systems. The custom option opens a text field for a six-character hex code and an eyedropper for sampling a colour from anywhere on your screen.
Colour applies in two places once you set it: the label chip in the left sidebar and the label tag that appears on thread rows in the inbox list. Both update immediately. If you cannot see either chip or tag after applying a colour, check your display density setting — compact view sometimes clips label text and the chip on narrower screens.
Labels must already exist before you can colour them. If you have not created the labels yet, go to Settings (the gear icon) then See all settings, open the Labels tab, and click Create new label. Colour assignment is a separate step that comes after creation, not part of the creation flow itself.
The custom colour option is easy to miss
How to colour-code labels in Gmail: desktop steps#
The steps below apply to Gmail running in a desktop browser — Chrome, Firefox, Edge, or Safari on any operating system. The colour picker is not available in the Gmail mobile app; see the platform table below for the full breakdown of what mobile can and cannot do.
- 1
Open Gmail in a desktop browser
Navigate to gmail.com and sign in. The colour picker lives in the web interface and requires a full desktop browser session. It does not appear reliably in a mobile browser's desktop mode.
- 2
Find the label in the left sidebar
Scroll the sidebar until you can see the label you want to colour. If you have many labels and the list is collapsed, click 'More' at the bottom of the visible list to expand it. If the label section is hidden entirely, go to Settings then Labels and set the label to Show.
- 3
Hover over the label and open the three-dot menu
Move your cursor over the label name. A three-dot icon (the overflow menu) appears to the right of the name. Click it to open the label options menu. The options include Add to, Edit, Remove label, and Label colour.
- 4
Click Label colour
Select 'Label color' from the dropdown. The colour picker opens as an overlay panel showing the 18 preset swatches in a grid. The picker closes if you click outside it, so keep the cursor inside the panel while you decide.
- 5
Choose a preset or enter a custom hex value
Click any preset swatch to apply it immediately. To use your own colour, scroll to the bottom of the grid and click 'Add custom color.' Type a six-character hex code (for example, #4A90D9 for a medium blue) or use the eyedropper to sample any colour visible on screen, then click Apply.
- 6
Confirm the colour appears on both the chip and the thread tags
The label chip in the sidebar and the label tag on threads in the inbox list both update immediately. If neither updates, do a hard refresh: Ctrl+Shift+R on Windows or Linux, or Cmd+Shift+R on macOS. This clears the style cache and forces Gmail to re-render the label display.
Gmail label colours: desktop, mobile, and Workspace compared#
The most common source of confusion about Gmail label colours is that the feature behaves differently across platforms. Mobile is the significant gap: you can see colours that were set on desktop, but you cannot create or change them from the iOS or Android app. The table below shows what each surface supports.
| Platform | Can set colours? | Can see colours? | Custom hex? |
|---|---|---|---|
| gmail.com (desktop browser) | Yes — hover label, click three-dot menu, select Label colour | Yes — sidebar chip and thread-row tag | Yes — Add custom color at the bottom of the picker |
| Gmail iOS app | No | Yes — small coloured chip shows next to label names | N/A — display only |
| Gmail Android app | No | Yes — small coloured chip shows next to label names | N/A — display only |
| Google Workspace (business accounts) | Yes — same web method, per individual user | Yes | Yes |
| Gmail offline / cached view | No | Yes — cached styling from last full sync applies | N/A |
Colours set on desktop sync to mobile automatically and appear as small coloured chips next to label names in the iOS and Android apps. The gap is one-directional: mobile reads the colours but cannot write them. To change a colour that was set on a phone or tablet, switch to a desktop browser.

What to do when Gmail label colors are not showing#
Label colours that vanish or never appear usually trace to one of six causes. Work through the table from top to bottom — the first two fixes resolve the majority of cases in under a minute.
| Symptom | Likely cause | Fix |
|---|---|---|
| Colour missing from both sidebar chip and thread tag | Browser style cache | Hard refresh: Ctrl+Shift+R on Windows/Linux, Cmd+Shift+R on macOS |
| Colour shows in sidebar but not on thread rows | Reading pane layout render glitch | Settings then Inbox then Reading pane: toggle off, save, toggle on, save again |
| Custom colour picker does not open or loads blank | Browser extension conflict | Open Gmail in incognito mode with extensions disabled; if it works there, disable extensions one by one to identify the conflict |
| Label colour looks very faint or washed out | High-contrast or custom Gmail theme | Settings then Themes then choose Default; some themes reduce colour saturation on label chips |
| Cannot set or change colour on mobile | Gmail mobile app limitation | Use gmail.com in a desktop browser — mobile can only display colours, not set them |
| Colour disappeared after a Gmail update | Settings reset on a major UI update | Re-apply via hover then three-dot menu then Label colour; Gmail updates occasionally reset label customisations |
Extensions are the hidden culprit more often than you expect
A colour-coding system that survives real inbox volume#
Having access to 18-plus colours does not mean you should use them all. Most elaborate colour systems get abandoned within a few weeks — not because the idea was wrong, but because the system encoded too many distinctions that colour cannot reliably carry.
Human visual working memory handles roughly four to five distinct colour categories before colour stops functioning as an instant triage signal and starts requiring conscious recall. That means the first question is not 'which colour goes with which label?' — it is 'what do I actually need to know at a glance, before I read anything?' Two things survive that test: urgency and source category.
Urgency is the most valuable axis. Red for threads that need a reply today. Yellow or orange for threads where you are waiting on someone else and need to follow up if they go quiet. No colour, or a light neutral, for threads that can wait. This works because the visual hierarchy matches the action hierarchy: red threads draw attention first whether or not you are consciously reading label names.
Source category is the second-most useful axis. If you regularly triage by who is writing — clients versus internal team versus vendors versus mailing lists — a colour per category lets you scan the inbox without reading sender names. Assign one colour per category and resist sub-categories: a 'Client' label and a 'VIP Client' label both use the same green, distinguished only by the label name, not a second colour.
A practical system that scales to heavy volume uses three or four colours: red for urgent or action required today, green for client or revenue-related threads, blue for internal colleagues, and no colour for everything else that gets handled when convenient. Newsletters and receipts belong in an automated filter that files them at receipt — they should never surface at triage and therefore need no colour.
Before applying colours, cull the label list. Remove or merge labels that describe archive folders ('Receipts/Q3', 'Archive/2024') rather than states you act on. Colour only the four to six labels that drive active triage decisions. Leave the rest without a colour so the visual signal stays sharp across the labels that matter.
A faster way to keep colour-coded labels populated#
The reason colour systems fade over time is maintenance cost. Manually applying the right label to every new thread competes with actually reading the inbox, and after a busy week the categories drift. AI Emaily's rules-brain applies labels automatically based on sender, subject line, and message content — so the colour-coded categories you configured in Gmail stay populated without manual tagging. A new thread from a client lands already green; a newsletter is filed at receipt; a thread containing a contract deadline gets the urgent label before you open it.
We build AI Emaily. The colour you assign in Gmail becomes the visual output of rule-based sorting rather than a labelling exercise you repeat for every arrival. You can see how the rules-brain works at aiemaily.com and review what is included at which tier on the pricing page at aiemaily.com/pricing before starting the 7-day free trial.
Frequently asked
See it in AI Emaily
Keep reading

Written by
Nafiul HasanNafiul Hasan is an entrepreneur and AI automation system builder with 10+ years of experience turning messy, manual workflows into reliable automated systems. He designs and ships AI enterprise solutions end-to-end — the agent logic, the data plumbing, and the product people actually use — and founded AI Emaily to give busy professionals their attention back. He writes here from the builder's seat: what works, what breaks, and how to put AI to work without giving up control.