# Calendar Colours without CSS?

**URL:** https://community.glideapps.com/t/calendar-colours-without-css/84467
**Category:** Ask for Help
**Created:** [September 19, 2025, 4:26am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467 "2025-09-19T04:26:56Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![SageCat](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sagecat/32/85273_2.png) [@SageCat](https://community.glideapps.com/u/SageCat)
#### Post date: [September 19, 2025, 4:26am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467/1 "2025-09-19T04:26:56Z")

</div>

Hi all

So my question relates to the Calendar Collection and the colours of the events. Now I know that colours can be specifically applied to events using CSS but that isn’t an option on the free plan. But I did notice that if I select the Group By option and pick, say,Row ID of the room, then the colours change. I though, hmmm, and added a column in the room table and grouped by that colour and experimented putting different things in the column such as numbers, capital letters, lower case letters, etc. I was getting all sorts of colours so this will kind of work for my purpose.

My question is, does anyone know of a list that says, for example, A will display pink, B will display blue, etc. I went through the capital letters of the alphabet and some colours looked very similar but some colours were not shown at all, such as yellow.

So aside from me trying random entries, I wondered it there may already be a list that aligns colours with a character (be that letter, number, emoji, etc).

Thanks

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [September 19, 2025, 4:28am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467/2 "2025-09-19T04:28:55Z")

</div>

> [@Calendar Grouping → How to Predict Grouping Color?](https://community.glideapps.com/t/calendar-grouping-how-to-predict-grouping-color/68226/2):
>
> I dug into this today and I learned a few things. It appears that Glide generates a color palette of 20 colors that are used for the calendar. That color palette is determined based on the accent color chosen for the app. What I haven’t been able to determine is how Glide builds that color palette. (If someone from Glide could clue me in on that or provide some javascript, that would be awesome.) However, that color palette can’t be modified by us in any way, so it’s just a matter of determ…

---

<div class="post-metadata">

### Author: ![SageCat](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sagecat/32/85273_2.png) [@SageCat](https://community.glideapps.com/u/SageCat)
#### Post date: [September 19, 2025, 4:35am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467/3 "2025-09-19T04:35:17Z")

</div>

Ahhhh…. thanks for this. I did build this little app to try and work out the colours as I’m so keen to find a yellow 😹 And there isn’t one!!!

> **[Character Colour Calendar Test](https://go.glideapps.com/template/FVzxv0DBg4qlMLGxU9SS-template-published?privateTemplateToken=rO3Nnb5bfWaBUBCiMTqL)**

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [September 19, 2025, 4:43am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467/4 "2025-09-19T04:43:15Z")

</div>

Yeah, the color palette is hard set by Glide. Still don’t know how they determine it. Basically your color options will whatever that predetermined palette is instead of an unlimited list of colors. As explained in the post I shared, whatever value you use for the group will ultimately be converted to a number between 1 and 20, and those will be your available color options. Each number will correspond with a predetermined color in that color palette.

---

<div class="post-metadata">

### Author: ![SageCat](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sagecat/32/85273_2.png) [@SageCat](https://community.glideapps.com/u/SageCat)
#### Post date: [September 19, 2025, 5:07am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467/5 "2025-09-19T05:07:50Z")

</div>

Yep, I worked that out…. was hoping there may have been a yellow hiding somewhere in there but no, just the same 20 colours cycled. 😹

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [September 26, 2025, 5:08am UTC](https://community.glideapps.com/t/calendar-colours-without-css/84467/6 "2025-09-26T05:08:00Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
