palette String|Array (default: null)

When a non-null palette argument is supplied, the drop-down will be a simple color picker that lists the colors. The following are supported:

  • "basic" -- displays 20 basic colors
  • "websafe" -- display the "web-safe" color palette
  • otherwise, pass a string with colors in HEX representation separated with commas, or an array of colors, and it will display that palette instead. If you pass an array it can contain strings supported by parseColor or Color objects.

Example - use "websafe" palette

Open In Dojo
<input id="colorpicker" type="color" />
<script>
$("#colorpicker").kendoColorPicker({
  palette: "websafe"
});
</script>

Example - use list of colors

Open In Dojo
<input id="colorpicker" type="color" />
<script>
$("#colorpicker").kendoColorPicker({
  palette: [ "#000", "#333", "#666", "#999", "#ccc", "#fff" ],
  columns: 6
});
</script>
In this article