diff --git a/app/javascript/dashboard/components/layout/SidebarItem.vue b/app/javascript/dashboard/components/layout/SidebarItem.vue
index 7a3394fce..3210d2292 100644
--- a/app/javascript/dashboard/components/layout/SidebarItem.vue
+++ b/app/javascript/dashboard/components/layout/SidebarItem.vue
@@ -164,4 +164,28 @@ export default {
   min-width: $space-normal;
   width: $space-normal;
 }
+
+.inbox-icon.ion-social-facebook {
+	color: var(--color-facebook-brand);
+}
+
+.inbox-icon.ion-social-whatsapp-outline {
+	color: var(--color-twitter-brand);
+}
+
+.inbox-icon.ion-social-twitter {
+	color: var(--color-twitter-brand);
+}
+
+.inbox-icon.ion-android-textsms {
+	color: var(--color-sms-twilio);
+}
+
+.inbox-icon.ion-earth {
+	color: var(--color-woot);
+}
+
+.inbox-icon.ion-cloud {
+	color: var(--color-cloud-generic);
+}
 </style>
diff --git a/app/javascript/shared/assets/stylesheets/colors.scss b/app/javascript/shared/assets/stylesheets/colors.scss
index 7094ef67c..037333888 100644
--- a/app/javascript/shared/assets/stylesheets/colors.scss
+++ b/app/javascript/shared/assets/stylesheets/colors.scss
@@ -79,4 +79,11 @@
 
   --color-background: #f4f6fb;
   --color-background-light: #f9fafc;
+
+	// Social and inboxes brand colors
+	--color-facebook-brand: #3b5998;
+	--color-twitter-brand: #1da1f2;
+	--color-whatsapp-brand: #25d366;
+	--color-sms-twilio: #f42f46;
+	--color-cloud-generic: #18b7b0;
 }