Customizing Palette

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-palette-gray	Map	$_default-palette-gray	1: #fafafa 2: #f5f5f5 3: #eeeeee 4: #ebebeb 5: #e0e0e0 6: #d6d6d6 7: #c7c7c7 8: #c2c2c2 9: #bdbdbd 10: #adadad 11: #9e9e9e 12: #757575 13: #616161 14: #424242 15: #212121 white: #ffffff black: #000000
Description The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
$kendo-palette-indigo	Map	$_default-palette-indigo	1: #f0f1fa 2: #e7eaf6 3: #e0e3f3 4: #d1d5ee 5: #c5cae8 6: #b5bde3 7: #97a0d7 8: #3f51b5 9: #3a4ba7 10: #37479f 11: #354498 12: #324191 13: #303e8a 14: #20295b 15: #161c3f
Description The Indigo Palette provides colors to the Primary variable group.
$kendo-palette-pink	Map	$_default-palette-pink	1: #ffeef3 2: #fde5ec 3: #fddee5 4: #fbcdd9 5: #f9afc3 6: #f79bb3 7: #f58da9 8: #e51a5f 9: #d31857 10: #ca1754 11: #c01650 12: #b7154c 13: #ae1549 14: #730f2f 15: #500c22
Description The Pink Palette provides colors to the Secondary variable group.
$kendo-palette-dark-teal	Map	$_default-palette-dark-teal	1: #eef3f2 2: #e3eceb 3: #dae7e5 4: #c9dbd8 5: #a9c6c1 6: #92b8b1 7: #84aea7 8: #00695c 9: #006155 10: #005c51 11: #00584d 12: #00544a 13: #054f46 14: #00352e 15: #002520
Description The Dark Teal Palette provides colors to the Tertiary variable group.
$kendo-palette-red	Map	$_default-palette-red	1: #ffeeed 2: #ffe6e3 3: #fddad6 4: #fcc7c2 5: #feafa8 6: #fe9a91 7: #fc8d83 8: #f31700 9: #e01701 10: #d51504 11: #cc1505 12: #c21505 13: #b91406 14: #790f08 15: #550c07
Description The Red Palette provides colors to the Error variable group.
$kendo-palette-blue	Map	$_default-palette-blue	1: #edf2fe 2: #e2eafd 3: #dae4fc 4: #c8d7fb 5: #a7c0f7 6: #8fb0f6 7: #80a5f4 8: #0058e9 9: #0251d6 10: #054dcc 11: #034ac3 12: #0447ba 13: #0443b0 14: #072c74 15: #071f51
Description The Blue Palette provides colors to the Info variable group.
$kendo-palette-green	Map	$_default-palette-green	1: #f1f9ee 2: #e8f5e4 3: #e2f2dc 4: #d7f0cc 5: #bae2ad 6: #a7db97 7: #93d775 8: #37b400 9: #33a600 10: #319e03 11: #2e9704 12: #2c9005 13: #2b8906 14: #1d5a08 15: #163f09
Description The Green Palette provides colors to the Success variable group.
$kendo-palette-yellow	Map	$_default-palette-yellow	1: #fffbef 2: #fef7e6 3: #fff4df 4: #fff0ce 5: #ffe7b0 6: #ffe19c 7: #ffdd8f 8: #ffc000 9: #ebb201 10: #dfa903 11: #d6a202 12: #cb9a07 13: #c19207 14: #7f600b 15: #59430a
Description The Yellow Palette provides colors to the Warning variable group.
$kendo-palette-deep-purple	Map	$_default-palette-deep-purple	1: #f5e9f7 2: #e6c9eb 3: #d9ade1 4: #cd93d7 5: #c075cc 6: #b55dc4 7: #a841b9 8: #9c27b0 9: #89229b 10: #751d84 11: #641971 12: #4e1458 13: #3b0f43 14: #270a2c 15: #100412
Description The Deep Purple provides colors to the Series A variable group.
$kendo-palette-baby-blue	Map	$_default-palette-baby-blue	1: #e9f4fe 2: #c7e5fc 3: #abd7fa 4: #90cbf9 5: #71bcf7 6: #59b0f6 7: #3ca3f4 8: #2196f3 9: #1d84d6 10: #1971b6 11: #15609c 12: #114b7a 13: #0d395c 14: #08263d 15: #030f18
Description The Baby Blue provides colors to the Series B variable group.
$kendo-palette-teal	Map	$_default-palette-teal	1: #e5f4f3 2: #bfe5e1 3: #9ed7d2 4: #80cbc4 5: #5cbcb3 6: #40b0a6 7: #1fa396 8: #009688 9: #008478 10: #007166 11: #006057 12: #004b44 13: #003934 14: #002622 15: #030f18
Description The Teal provides colors to the Tertiary and Series C variable groups.
$kendo-palette-canary-yellow	Map	$_default-palette-canary-yellow	1: #fffdeb 2: #ffface 3: #fff7b5 4: #fff59d 5: #fff282 6: #fff06c 7: #ffed53 8: #ffeb3b 9: #e0cf34 10: #bfb02c 11: #a39626 12: #80761e 13: #615916 14: #403b0f 15: #1a1806
Description The Canary Yellow provides colors to the Series D variable group.
$kendo-palette-candy-red	Map	$_default-palette-candy-red	1: #feeceb 2: #fcd0cd 3: #fbb8b3 4: #faa19b 5: #f8877e 6: #f77268 7: #f55a4e 8: #f44336 9: #d73b30 10: #b73229 11: #9c2b23 12: #7a221b 13: #5d1915 14: #3d110e 15: #180705
Description The Canary Red provides colors to the Series E variable group.
$kendo-palette-forest-green	Map	$_default-palette-forest-green	1: #edf7ed 2: #d2ebd3 3: #bbe1bc 4: #a6d7a8 5: #8ccc8f 6: #79c37c 7: #61b965 8: #4caf50 9: #439a46 10: #39833c 11: #317033 12: #265828 13: #1d431e 14: #132c14 15: #081208
Description The Forest Green provides colors to the Series F variable group.

Suggested Links

• Styling Overview
• Web Font Icons
• Preview of the Themed Components