---
title: Usage
position: 2
seo_title: Guidelines for Using the ColorPalette Component
seo_description: Get the knack of the Telerik and Kendo UI ColorPalette and
  learn how to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI ColorPalette requires you to follow some basic principles when using the component.

### Number of Tiles

When implementing color selection tools in your user interface, it's important to balance between offering a useful array of options and not overwhelming users. The ColorPalette component provides a valuable solution by offering a predefined set of harmonious colors to assist the users with design and customization tasks. However, it's equally important to ensure that users aren't inundated with an excessive number of color options, as this can lead to decision fatigue and design inconsistencies. In cases where a wider range of colors is required, use the ColorPicker or ColorGradient component instead.

<DosDonts>
<Do description="Use the ColorPalette to provide users with a predefined set of harmonious colors for design or customization.">![A Telerik and Kendo UI ColorPalette providing a set of harmonious colors](images/components-colorpalette-usage-number-of-tiles-do.png "Use the Telerik and Kendo UI ColorPalette to provide a set of harmonious colors.")</Do>
<Dont description="Avoid overwhelming users with too many color options in the ColorPalette, as it can lead to decision fatigue and design inconsistency. Use ColorPicker or ColorGradient component instead.">![An incorrectly used Telerik and Kendo UI ColorPalette providing an excessive amount of color options](images/components-colorpalette-usage-number-of-tiles-dont.png "Don't use the Telerik and Kendo UI ColorPalette with an excessive amount of color options.")</Dont>
</DosDonts>


### Tile Size

When implementing the ColorPalette component, it's crucial to consider the size of the color tiles for an optimal user experience.

<DosDonts>
<Do description="Use the default size of the ColorPalette tiles for optimal readability and user-friendly interactions.">![A Telerik and Kendo UI ColorPalette with optimal tile size](images/components-colorpalette-usage-tile-size-do.png "Use the default size of the ColorPalette tiles for optimal readability.")</Do>
<Dont description="Avoid excessively reducing the size of the ColorPalette tiles, as this can affect the overall usability, making it challenging for users to perceive and distinguish colors effectively.">![A Telerik and Kendo UI ColorPalette with too small tiles](images/components-colorpalette-usage-tile-size-dont.png "Don't use too small tiles when working with the Telerik and Kendo UI ColorPalette.")</Dont>
</DosDonts>