     data = _.filter data, (color) =>
       @getLuminance(color) < 0.85
 
-    htmlString = ""
-
+    htmlString = ''
+
+    count = 0
+    countMax = 8
     for color in data
+      count += 1
       htmlString += App.view('channel/color_swatch')
         color: color
+      break if count == countMax
 
     @swatches.html htmlString
+
+    if data[0]
+      @useSwatchColor(undefined, data[0])
 
   getLuminance: (hex) ->
     # input: #ffffff, output: 1

      callback:  @load
    )

  widget: (e) =>
    e.preventDefault()
    id = $(e.target).closest('.action').data('id')
    new Widget(

    for key, value of params
      if value != ''
        if paramString != ''
          # coffeelint: disable=no_unnecessary_double_quotes
          paramString += ",\n"
          # coffeelint: enable=no_unnecessary_double_quotes
        if value == 'true' || value == 'false' || _.isNumber(value)
          paramString += "    #{key}: #{value}"
        else
