Calendar Colors and Visibility
In a busy week with five family members' schedules all on screen, reading every event title is not realistic. Color is the signal that lets your brain sort "this is a school event" from "this is a work block" in milliseconds. PrimeCal gives you 16 distinct colors and full control over which calendars are shown at any moment.
The 16 Calendar Colors
PrimeCal offers 16 colors arranged in rainbow order:
| Color | Hex | Good for |
|---|---|---|
| Red | #ef4444 | Urgent, alerts, or a strong personal accent |
| Orange | #f59e0b | A teenager's calendar (Noah's pick) |
| Yellow | #eab308 | Kids, school, or a bright accent (Sue's pick) |
| Lime | #84cc16 | Outdoor activities, gardening, fitness |
| Green | #10b981 | Family shared calendar |
| Emerald | #22c55e | A second green shade for a sibling calendar |
| Teal | #14b8a6 | Health, wellness, medical appointments |
| Cyan | #06b6d4 | Cool accent for hobbies or projects |
| Sky | #0ea5e9 | Travel, vacations, flights |
| Blue | #3b82f6 | Work calendar (Will's pick) |
| Indigo | #6366f1 | A second blue for personal vs. professional |
| Violet | #7c3aed | Creative projects or hobbies |
| Purple | #8b5cf6 | A softer purple accent |
| Pink | #ec4899 | May's personal calendar |
| Rose | #f43f5e | Important personal events or anniversaries |
| Slate | #64748b | Secondary or archived calendars |
Every calendar must have a color; there is no colorless option.
How Color Works in the Calendar Views
Month view: Event cards display as solid color blocks. You can see May's pink personal events, Will's blue work events, and the family green events without reading their titles.
Week view: Event blocks are color-coded in the time grid. When multiple calendars' events appear in the same time slot, the side-by-side columns are each in their calendar's color, making overlaps easy to read.
Focus view: Upcoming event cards are color-coded so you know at a glance which calendar each belongs to.
Sidebar: Each calendar name has a colored circle beside it. This is the same color used for its events throughout the app.
Event-Level Color Override
Individual events can have their own color, independent of their calendar's color. When you create or edit an event, the Color field lets you choose from the same 16 options.
When an event has a color override, that color is shown in the calendar view instead of the calendar's color. The calendar's color still shows in the sidebar list.
Example: May uses the Late Family calendar (green) for events involving the whole family. But when she creates events specifically for Noah, she sets the event color to Orange — Noah's personal color — so it's immediately clear whose event it is, even though it lives on the shared calendar.
Changing a Calendar's Color
- In the sidebar, find the calendar whose color you want to change.
- Click the three-dot menu (⋮) next to the calendar name.
- Select Edit calendar.
- Click the color you want in the color picker.
- Click Save.
All events on that calendar immediately update to the new color in every view.
Showing and Hiding Calendars
You don't always want to see every calendar at once. PrimeCal lets you toggle calendars on and off without deleting them.
To hide a calendar: Click the colored circle or checkbox next to the calendar name in the sidebar. The dot becomes dimmed and all events from that calendar disappear from the main view.
To show it again: Click the circle or checkbox again. Events return immediately.
Hidden calendars still exist — their events are stored and can be shown again any time. Hiding is not deleting.
Hiding a Calendar Group
If you organize calendars into groups (see Managing Multiple Calendars), you can collapse an entire group to hide all of its calendars at once. Click the group header to collapse it — all calendars inside become hidden.
This is faster than toggling each calendar individually when you want to clear the view down to just one or two calendars.
Practical Tip: The Blate Family Color System
The Blate family assigns one primary color to each person and keeps it consistent:
| Person | Color | Logic |
|---|---|---|
| May | Pink | May's personal calendar and her events on shared calendars |
| Will | Blue | Will's work calendar; Indigo for his personal |
| Sue | Yellow | School calendar and Sue's events on the family calendar |
| Noah | Orange | School and sports, Noah's events on the family calendar |
| Family shared | Green | Anything the whole family shares |
Anyone who opens the Blate family calendar can tell instantly whose event is whose. This consistency extends to event-level color overrides: when May adds Noah's dentist appointment to the Late Family calendar, she sets the event color to Orange so it reads as "Noah's thing" even in the shared view.
Choose colors that are distinct enough from each other to be readable at a glance. Avoid putting Teal next to Cyan, or Blue next to Indigo, for calendars that often share the same time slots — they may look too similar in a crowded week view.