colors

colors - Specifies an array with colors which are used if item color is not defined.
When array end is reached, we start again from its beginning for next item.
The following default values are contained: ["#1E98E4", "#FFC500", "#5CB85C", "#FF2A00", "#6D31FF", "#00B2A1", "#FF8000", "#84B3DC"]

<div id="treemap" />

<script type="text/javascript">
    $(function () {
        $('#treemap').shieldTreeMap({
              cls: "treemap",
              colors: [ "red", "green", "blue" ],
              dataSource: {
                    data: [
                        {
                            "title": "Fastest Cars in the World",
                            "value": 1301,
                            "items": [
                                {
                                    "title": "Hennessey Venom GT",
                                    "value": 435
                                },
                                {
                                    "title": "Vector Avtech WX8 Hypercar",
                                    "value": 435
                                },
                                {
                                    "title": "Bugatti Veyron 16.4 Super Sport",
                                    "value": 431
                                }
                            ]
                        }
                    ]
                }
          });
    });
</script>

<style>
      .treemap {
         max-width: 600px;
         height: 500px;
      }
</style>