diff --git a/addons/web_kanban/static/src/js/kanban_record.js b/addons/web_kanban/static/src/js/kanban_record.js
index c784073f2a5..0d1816d660f 100644
--- a/addons/web_kanban/static/src/js/kanban_record.js
+++ b/addons/web_kanban/static/src/js/kanban_record.js
@@ -98,6 +98,7 @@ var KanbanRecord = Widget.extend({
 
     renderElement: function () {
         this._super();
+        this.setup_color();
         this.setup_color_picker();
         this.$el.addClass('o_kanban_record');
         this.$el.data('record', this);
@@ -267,6 +268,17 @@ var KanbanRecord = Widget.extend({
         this.trigger_up('kanban_record_update', event.data);
     },
 
+    /*
+     * If an attribute `color` is set on the kanban record,
+     * this will add the corresponding color class.
+     */
+    setup_color: function() {
+        var color_field = this.$el.attr('color');
+        if (color_field && color_field in this.fields) {
+            this.$el.addClass(this.kanban_color(this.values[color_field].value));
+        }
+    },
+
     setup_color_picker: function() {
         var self = this;
         var $colorpicker = this.$('ul.oe_kanban_colorpicker');