Blog/ Gmail how-tos

How to Colour-Code Labels in Gmail for Faster Triage

Nafiul HasanNafiul Hasan· 11 min read
Gmail label colour picker open in the sidebar showing 18 preset colour swatches and a custom hex input for colour-coding inbox labels by urgency and category

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
  1. 01How many label colors does Gmail have?
  2. 02How to colour-code labels in Gmail: desktop steps
  3. 03Gmail label colours: desktop, mobile, and Workspace compared
  4. 04What to do when Gmail label colors are not showing
  5. 05A colour-coding system that survives real inbox volume
  6. 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

After clicking Label colour in the menu, scroll to the very bottom of the preset swatch grid. A small link labelled 'Add custom color' opens the hex input and eyedropper. Many people close the picker before reaching it because the link sits below the visible grid without a scroll indicator.

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

PlatformCan set colours?Can see colours?Custom hex?
gmail.com (desktop browser)Yes — hover label, click three-dot menu, select Label colourYes — sidebar chip and thread-row tagYes — Add custom color at the bottom of the picker
Gmail iOS appNoYes — small coloured chip shows next to label namesN/A — display only
Gmail Android appNoYes — small coloured chip shows next to label namesN/A — display only
Google Workspace (business accounts)Yes — same web method, per individual userYesYes
Gmail offline / cached viewNoYes — cached styling from last full sync appliesN/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.

Before-and-after diagram: on the left, a Gmail inbox where every thread row has the same plain grey label tag; on the right, the same inbox with colour-coded label chips in red for urgent, green for client, and blue for newsletters, making category and urgency visible at a glance without reading subject lines
Colour-coded labels shift the triage signal from text to colour — you spot what matters before you read a word.

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.

SymptomLikely causeFix
Colour missing from both sidebar chip and thread tagBrowser style cacheHard refresh: Ctrl+Shift+R on Windows/Linux, Cmd+Shift+R on macOS
Colour shows in sidebar but not on thread rowsReading pane layout render glitchSettings then Inbox then Reading pane: toggle off, save, toggle on, save again
Custom colour picker does not open or loads blankBrowser extension conflictOpen 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 outHigh-contrast or custom Gmail themeSettings then Themes then choose Default; some themes reduce colour saturation on label chips
Cannot set or change colour on mobileGmail mobile app limitationUse gmail.com in a desktop browser — mobile can only display colours, not set them
Colour disappeared after a Gmail updateSettings reset on a major UI updateRe-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

Ad-blockers and email-productivity browser extensions sometimes strip Gmail's inline styles, which is where label colour data is stored. If colours vanish after installing a new extension, test in incognito mode before assuming a Gmail bug.

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

Nafiul Hasan

Written by

Nafiul Hasan

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

EntrepreneurAI Automation System BuilderAI EnthusiastBuilds AI Enterprise Solutions10+ years experience
More from Nafiul
Ready when you are

Set up colour-coded labels that stay populated automatically

Manual colour-coding works. AI Emaily's rules-brain keeps labels applied automatically — new threads arrive with the right colour before you open them. Start a 7-day free trial at aiemaily.com.

  • 7-day free trial
  • Cancel anytime
  • Every provider