diff --git a/runbot/static/src/css/runbot.css b/runbot/static/src/css/runbot.css
index 39df923c8..e35e73c91 100644
--- a/runbot/static/src/css/runbot.css
+++ b/runbot/static/src/css/runbot.css
@@ -471,3 +471,39 @@ code {
 .log-details td {
 	padding-left: 20px;
 }
+
+[class*="text-bg-color_"] {
+	--runbot-tag-color: var(--bs-primary);
+	--runbot-tag-associated-color: color-mix(in lab, var(--runbot-tag-color), white 90%);
+	color: var(--runbot-tag-color);
+	background-color: var(--runbot-tag-associated-color);
+	
+	:root[data-bs-theme=dark] & {
+		color: var(--runbot-tag-associated-color);
+		background-color: var(--runbot-tag-color);
+	}
+}
+
+.text-bg-color_0 {
+	--runbot-tag-color: #ba0f0f;
+}
+
+.text-bg-color_1 {
+	--runbot-tag-color: #9c4824;
+}
+
+.text-bg-color_2 {
+	--runbot-tag-color: #920c4c;
+}
+
+.text-bg-color_3 {
+	--runbot-tag-color: #172b98;
+}
+
+.text-bg-color_4 {
+	--runbot-tag-color: #2f7b39;
+}
+
+.text-bg-color_5 {
+	--runbot-tag-color: #5221b8;
+}
diff --git a/runbot/templates/bundles_by_tag.xml b/runbot/templates/bundles_by_tag.xml
index 40098c642..43854a048 100644
--- a/runbot/templates/bundles_by_tag.xml
+++ b/runbot/templates/bundles_by_tag.xml
@@ -27,7 +27,7 @@
                     <span t-if="done" class="badge text-bg-success" data-tag="done">Done!</span>
                     <span t-else="" class="badge text-bg-secondary" title="Last batch age" t-out="bundle.last_batch._get_formated_age()"/>
                     <t t-foreach="other_tags" t-as="other_tag">
-                        <span class="badge rounded-pill text-bg-primary" t-att-data-tag="other_tag.id" t-out="other_tag.name"/>
+                        <span t-attf-class="badge rounded-pill text-bg-color_{{ other_tag.id % 5 }}" t-att-data-tag="other_tag.id" t-out="other_tag.name"/>
                     </t>
                 </td>
             </tr>