How to Color-Code Events in Google Calendar (and a System That Actually Works)
Direct answer: Google Calendar gives you two layers of color: calendar-level colors (applied to every event on a calendar) and event-level colors (overrides for individual events). The key to a readable week is not using all 24 available calendar colors. It is using 3-5 colors with consistent, memorable meanings. This guide gives you the steps for changing colors on web and mobile, explains when to use each layer, and hands you a starter framework you can adopt in five minutes.
How to change event colors in Google Calendar
Direct answer: You can change the color of any individual event in a few clicks on web, or a few taps on mobile. Event colors override whatever calendar color that event inherits.
On web (calendar.google.com)
- Open Google Calendar in your browser.
- Click on the event you want to recolor. A detail card opens.
- Click the pencil icon (Edit event) to open the full editor.
- Near the top of the editor, find the colored circle next to the calendar name dropdown. Click it.
- A palette of 11 event colors appears: Tomato, Flamingo, Tangerine, Banana, Sage, Basil, Peacock, Blueberry, Lavender, Grape, and Graphite.
- Select a color. The circle updates immediately.
- Click Save.
Shortcut method: Right-click the event directly on the calendar grid. A context menu appears with a row of color dots. Click any dot to recolor the event without opening the editor. This is the fastest path when you are batch-coloring a series of events.
On mobile (Android and iOS)
- Open the Google Calendar app.
- Tap the event to open its detail card.
- Tap the pencil icon (Edit) in the top-right corner.
- Scroll to find the color option (displayed as a colored dot or a “Color” label, depending on your app version).
- Tap it to see the available event colors.
- Select the color you want.
- Tap Save.
Note: On mobile, the available event colors are the same 11 options as on web. However, the color names are not always displayed — you see dots only. This can make it harder to maintain consistency unless you memorize positions or reference a written legend.
Changing colors for recurring events
When you edit the color of a recurring event, Google Calendar asks whether to apply the change to this event only, this and following events, or all events in the series. Choose carefully. If you are color-coding a single instance (for example, marking one team standup as high-priority because of a demo), select “This event.” If you want the entire series recolored, select “All events.”
How to change calendar colors in Google Calendar
Direct answer: Calendar colors apply to every event on that calendar at once. This is the broadest, most efficient way to color-code — it sets a default for an entire category of your life.
On web (calendar.google.com)
- Open Google Calendar.
- In the left sidebar, find the calendar you want to recolor under “My calendars” or “Other calendars.”
- Hover over the calendar name. A three-dot menu (more options) appears to the right.
- Click the three-dot menu.
- A color palette appears with 24 color options, plus a ”+” icon to add a custom color.
- Click the color you want. All events on that calendar update immediately across all views.
Custom colors: Click the ”+” icon at the bottom of the palette to open a color picker. You can enter a hex value or use the slider. This is useful if your organization has brand colors or if you want to fine-tune contrast between calendars.
On mobile (Android and iOS)
- Open the Google Calendar app.
- Tap the hamburger menu (three horizontal lines) in the top-left corner.
- Scroll down to find your calendars listed under your account.
- Tap Settings (gear icon at the bottom, or scroll to the bottom of the menu depending on your version).
- Under your account, tap the calendar you want to recolor.
- Tap Color.
- Select from the available palette. On mobile, custom hex colors are not available — you choose from the preset options.
- The change applies immediately to all events on that calendar.
Important: Calendar color changes are account-level. When you change a calendar’s color on web, it syncs to your mobile app (and vice versa) through your Google account. You do not need to set colors separately on each device.
Calendar-level vs event-level coloring: when to use each
Direct answer: Calendar colors set the baseline. Event colors are surgical overrides. Understanding when to use each is the difference between a system that scales and one that collapses into visual noise.
Calendar colors: the foundation
Calendar colors are your broad categories. They answer the question: “What area of my life does this belong to?”
- Work calendar = one color
- Personal calendar = another color
- Family/shared calendar = a third color
Every event on a given calendar inherits that calendar’s color automatically. You set it once and forget it. This is the lowest-maintenance layer of your system.
When to use calendar colors:
- You have distinct life categories (work, personal, side project, family).
- You want a default visual separation without touching individual events.
- You subscribe to external calendars (holidays, sports schedules, a partner’s shared calendar) and want them visually distinct.
If you manage your calendar subscriptions well, this layer alone handles most of your visual clarity. For more on sharing calendars and managing subscriptions, see our guide on how to share your Google Calendar with someone.
Event colors: the override layer
Event colors answer a different question: “Is this event different from the rest of its calendar in a way that matters?”
Examples:
- A work event that is a high-stakes client demo (not a routine standup).
- A personal event that requires travel (and therefore blocks more time than it appears to).
- A focus block you created on your work calendar that should visually stand apart from meetings.
Event colors override the calendar color for that specific event. The event still belongs to its original calendar — it just looks different on the grid.
When to use event colors:
- You need to flag exceptions or high-priority items within a calendar.
- You want to visually separate “types” of work (meetings vs. deep work) without creating separate calendars for each.
- You are using a shared calendar and want to mark your own items differently.
Decision rules
Use this framework when deciding which layer to apply:
| Scenario | Use calendar color | Use event color |
|---|---|---|
| Separating work from personal life | Yes | — |
| Flagging a high-stakes meeting among routine ones | — | Yes |
| Color-coding a subscribed holiday calendar | Yes | — |
| Marking focus/deep-work blocks on your work calendar | — | Yes |
| Distinguishing a side project from your main job | Yes (create a new calendar) | — |
| Highlighting travel days across any calendar | — | Yes |
The principle: If the distinction is about what calendar it belongs to, use a calendar color. If the distinction is about what kind of event it is within that calendar, use an event color.
A color-coding system that actually works
Direct answer: The most effective color systems use 3 calendar colors and 2 event override colors. That is 5 total meanings to remember. Most people can internalize 5 without a legend. Go past 7 and your system starts working against you.
The starter framework
Adopt this in five minutes. Adjust the specific colors to your preference, but keep the structure:
Calendar colors (3):
| Calendar | Suggested color | Why |
|---|---|---|
| Work | Peacock (teal-blue) | Neutral, professional, high contrast against white background |
| Personal | Sage (muted green) | Calm, distinct from work blue, easy on the eyes |
| Family / Shared | Tangerine (orange) | Warm, stands out, signals “involves other people” |
Event override colors (2):
| Override meaning | Suggested color | When to apply |
|---|---|---|
| High-stakes / important | Tomato (red) | Client demos, interviews, medical appointments, deadlines |
| Focus / deep work | Lavender (light purple) | Blocks you protect for heads-down work, writing, or creative tasks |
That is the entire system. Three base colors tell you whose time this is. Two override colors tell you pay extra attention to this.
Why fewer colors works better
This is counterintuitive. Google gives you 24 calendar colors and 11 event colors. The temptation is to use them — to create a meaning for every shade. But color-coding follows a principle from data visualization: the more categories you encode, the less any single category stands out.
Think of it like a highlighter. If you highlight every line in a textbook, nothing is highlighted. The same applies to your calendar. If every event has a unique color, your eye has nowhere to rest. The grid becomes a patchwork with no hierarchy.
Research in cognitive science supports this. Most people can hold about 5-7 categories in working memory without external aids. A color system with 5 meanings requires no legend — you just know. A system with 10 meanings requires you to stop and think, “Wait, what does grape mean again?” That pause defeats the purpose.
The goal of color-coding is glanceability. You should be able to look at your week view for 3 seconds and know:
- Where your work blocks are.
- Where your personal time is.
- Which events are high-stakes.
- Where your focus time lives.
Five colors achieves that. Twelve does not.
Before and after: a Planner’s week
Before (no system): Every event is the same default blue. Monday looks identical to Thursday. You cannot tell, at a glance, whether tomorrow is meeting-heavy or has room for deep work. You open each event individually to understand your day. A shared family calendar blends invisibly into your work events.
After (the starter framework): You open week view. Teal blocks are work. Green blocks are personal. Orange blocks are family commitments. Two red blocks on Wednesday — those are the client demo and the dentist appointment. A lavender block on Thursday morning is your protected writing time. In three seconds, you know: Wednesday is high-stakes, Thursday morning is sacred, and Friday afternoon is mostly personal. No clicking required.
That shift — from “I need to read every event” to “I can see my week’s shape” — is the entire value of color-coding done right.
Common mistakes (and how to avoid them)
Direct answer: Most color-coding systems fail not because of wrong colors, but because of wrong habits. Here are the mistakes that quietly erode a system’s usefulness.
Mistake 1: Too many colors
The most common failure mode. Someone discovers the 24-color calendar palette and assigns a unique color to every project, client, or activity type. Within two weeks, they cannot remember what half the colors mean. The calendar looks like confetti.
Fix: Cap yourself at 5 total meanings (3 calendar + 2 event overrides). If you need more granularity, use event titles or descriptions — not colors.
Mistake 2: Inconsistent meanings
Using red for “important” on Monday and red for “personal errands” on Friday. Or using Tomato for one calendar and Flamingo for another, treating them as interchangeable “reds.” Colors only work as a system when each color means one thing, always.
Fix: Write down your color legend once. Keep it in a sticky note on your monitor or a note in your phone. Reference it until the meanings are automatic (usually 1-2 weeks).
Mistake 3: Ignoring shared calendar color conflicts
When someone shares a Google Calendar with you, the calendar appears in your sidebar with a default color. That default might clash with your system. For example, a coworker’s shared calendar might arrive as blue — the same blue you use for your work calendar.
Here is what many people miss: each user sees their own color assignment for any calendar. The calendar owner’s color choice does not override yours. You are free to recolor any shared calendar in your sidebar without affecting anyone else’s view.
Fix: When you subscribe to or accept a shared calendar, immediately recolor it to fit your system. Do not leave it at the default.
Mistake 4: Assuming web and mobile colors are identical
While the 11 event colors are consistent across web and mobile, the experience differs. On web, you see color names (Tomato, Banana, Sage). On mobile, you see dots without labels. The 24 calendar colors on web include a custom hex option; mobile does not.
This means if you pick a custom hex calendar color on web, it will sync to mobile — but if you later try to change it on mobile, you will not find that exact custom shade in the mobile palette. You may accidentally switch to a preset that is close but not identical.
Fix: Set your calendar colors on web, where you have the full palette and custom options. Treat web as the source of truth. Make event color changes on either platform — those 11 presets are consistent everywhere.
Mistake 5: Creating separate calendars when event colors would suffice
Some people create a “Deep Work” calendar, a “Meetings” calendar, a “Travel” calendar, and a “Deadlines” calendar — all within their work life. This fragments their schedule across too many calendars, makes sharing complicated, and creates maintenance overhead.
Fix: If the events belong to the same area of life (work), keep them on one calendar. Use event colors to distinguish types within that calendar. Reserve separate calendars for genuinely separate domains (work vs. personal vs. family).
Platform comparison: web vs Android vs iOS
Direct answer: Colors sync across all platforms, but the tools for setting them differ. Web is the most capable. Mobile is more limited but functional.
| Feature | Web | Android | iOS |
|---|---|---|---|
| Event colors available | 11 named presets | 11 presets (no names shown) | 11 presets (no names shown) |
| Calendar colors available | 24 presets + custom hex | Preset palette only (no custom) | Preset palette only (no custom) |
| Right-click quick color change | Yes | No (must open editor) | No (must open editor) |
| Custom hex calendar colors | Yes | No (syncs from web, but cannot create new) | No (syncs from web, but cannot create new) |
| Color names visible | Yes (Tomato, Sage, etc.) | No (dots only) | No (dots only) |
| Recurring event color options | This event / This and following / All | Same options | Same options |
Recommendation: Do your initial color system setup on web. Use mobile for day-to-day event color changes when you are away from your computer. The 11 event color presets are reliable across all three platforms.
If you use extensions to enhance your Google Calendar experience, some calendar extensions add extra visual features like color-coded labels, custom icons, or enhanced week views that complement your in-calendar color system.
Advanced tips for color-coding power users
Direct answer: Once your basic system is running, these techniques add refinement without adding complexity.
Use calendar visibility toggles as filters
In the left sidebar on web (or the hamburger menu on mobile), you can toggle calendars on and off. Combined with color-coding, this becomes a powerful filter. Want to see only your work commitments? Uncheck Personal and Family. The view instantly simplifies.
This works especially well in week view when you are planning focus blocks. Toggle off everything except your work calendar, spot the gaps, and create lavender focus blocks in the open slots. Then toggle everything back on to see the full picture.
For an even cleaner planning view, consider hiding weekends in Google Calendar if your work week is Monday through Friday. Fewer days on screen means your color system has more room to breathe.
Pair color-coding with week numbers
If you do quarterly planning or sprint-based work, showing week numbers in Google Calendar alongside your color system gives you two layers of orientation: color tells you what kind of time a block is, and week numbers tell you where you are in the quarter. Together, they make month view significantly more useful for planning.
Create a “color-coding onboarding” for shared calendars
If you manage a team or family calendar that others subscribe to, write a one-line note in the calendar description explaining your color intent. Example: “This calendar covers family logistics. I use Tomato for events requiring RSVPs and Tangerine for routine pickups/drop-offs.” Subscribers can then adopt compatible meanings or remap to their own system.
Audit your system quarterly
Every three months, open month view and scan. Ask yourself:
- Are there colors I never use? Remove the meaning and free up the slot.
- Are there events I consistently wish were a different color? Adjust.
- Has a new life category emerged (a side project, a new shared calendar) that needs a dedicated color?
Keep the total at or below 5-7 meanings. If it has crept higher, consolidate.
When color-coding is not enough: quick schedule checks outside Calendar
Color-coding solves the problem of visual clarity inside Google Calendar. But there is a related problem it does not solve: the quick schedule check when you are not looking at your calendar.
You are in a meeting. Someone asks, “Are you free Thursday afternoon?” You do not want to switch tabs, wait for Calendar to load, and scan the grid. You want a 3-second answer.
TimeHopper is built for that use case. It sits in your browser toolbar and shows your upcoming schedule — with time zone conversion when you need it — without opening a new tab. It complements your in-calendar color system by giving you a fast, lightweight way to check availability from anywhere in your browser. The color-coding makes your calendar readable when you are looking at it. TimeHopper makes your schedule accessible when you are not.
FAQ
Can I set a default event color for new events on a specific calendar?
No. Google Calendar does not offer a per-calendar default event color. New events inherit the calendar’s color. You can only change individual event colors after creating them (or during creation). If you want all events of a certain type to be a specific color, the closest workaround is creating a dedicated calendar with that color.
Do event colors override calendar colors for other people who see my shared calendar?
No. Event colors you set are visible only to you. When you share a calendar, other users see events in whatever color they have assigned to that calendar on their end. The exception is Google Workspace (enterprise) accounts, where administrators may configure some color behaviors differently — but for standard Google Calendar, color is a per-user visual preference.
What happens to colors when I import or export calendar files (.ics)?
The .ics file format has limited color support. Google Calendar may include a COLOR property in exported events, but most other calendar applications ignore it. When importing .ics files into Google Calendar, events typically adopt the target calendar’s color. Do not rely on color surviving import/export workflows.
Can I search for events by color in Google Calendar?
No. Google Calendar does not support searching or filtering by color. You can filter by calendar (using the sidebar toggles), but there is no built-in way to say “show me all Tomato events.” This is another reason to keep your system simple — if you need to find all events of a type, use consistent naming conventions in event titles alongside your color system.
How many colors should I realistically use?
Five. Three calendar colors for your main life domains, and two event override colors for high-priority and focus-time flags. You can go up to seven if you have a genuinely complex schedule (multiple jobs, caregiving responsibilities, active side projects). Beyond seven, most people lose track of meanings and the system degrades into decoration.
Sources
- Google Calendar Help: Change the color of an event
- Google Calendar Help: Use multiple calendars
- Google Calendar Help: Share your calendar with someone
- Google Workspace Updates: Calendar color customization
- Miller, G.A. (1956). The Magical Number Seven, Plus or Minus Two. Psychological Review, 63(2), 81-97
Add to Chrome - Free