diff --git a/packages/rocketchat-livechat/config.js b/packages/rocketchat-livechat/config.js
index a8cbae7fa182..c2a67cbf7c90 100644
--- a/packages/rocketchat-livechat/config.js
+++ b/packages/rocketchat-livechat/config.js
@@ -4,7 +4,13 @@ Meteor.startup(function() {
 	RocketChat.settings.add('Livechat_enabled', false, { type: 'boolean', group: 'Livechat', public: true });
 
 	RocketChat.settings.add('Livechat_title', 'Rocket.Chat', { type: 'string', group: 'Livechat', public: true });
-	RocketChat.settings.add('Livechat_title_color', '#C1272D', { type: 'color', group: 'Livechat', public: true });
+	RocketChat.settings.add('Livechat_title_color', '#C1272D', {
+		type: 'color',
+		editor: 'color',
+		allowedTypes: ['color', 'expression'],
+		group: 'Livechat',
+		public: true
+	});
 
 	RocketChat.settings.add('Livechat_display_offline_form', true, {
 		type: 'boolean',
@@ -39,6 +45,8 @@ Meteor.startup(function() {
 	});
 	RocketChat.settings.add('Livechat_offline_title_color', '#666666', {
 		type: 'color',
+		editor: 'color',
+		allowedTypes: ['color', 'expression'],
 		group: 'Livechat',
 		public: true,
 		section: 'Offline',