Color Palettes in the Telerik and Kendo UI Default Theme

Color Palettes

We have revamped our color system! The new system is still in BETA and is disabled by default. Learn how to enable it and try it out.

The Color Palettes are another component of the Color System. Their main goal is to provide colors to the Swatch. These palettes are neatly organized in Sass maps for easy access and use.

The Telerik and Kendo UI Default theme combines accent and neutral color palettes to ensure good contrast. The neutral gray tones are dominant, while the accent colors serve to guide the user and highlight interactive elements.

Gray Palette

The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse swatches of the Telerik and Kendo UI Default theme.

#ffffff

#fafafa

#f5f5f5

#ebebeb

#e0e0e0

#d6d6d6

#c2c2c2

#adadad

#999999

#808080

#666666

#525252

#3d3d3d

#292929

#1f1f1f

#141414

#000000

Coral Palette

The Coral Palette provides colors to the Primary and Series A Swatches of the Telerik and Kendo UI Default theme.

#fff6f5

#ffeceb

#ffdedb

#ffc8c4

#ffb1ac

#ff9d97

#ff8a82

#ff766d

#ff6358

#ea5a51

#d45349

#bf4a42

#a33f38

#80322c

#5c201c

Sky Blue Palette

The Sky Blue Palette provides colors to the Tertiary Swatch of the Telerik and Kendo UI Default theme.

#ebf8fe

#d8f1fd

#c5eafc

#a3dffb

#81d4fa

#61c9f9

#42bff7

#22b3f5

#03a9f4

#039ae0

#028ccb

#027fb7

#026999

#02557a

#023f5c

Blue Palette

The Blue Palette provides colors to the Info Swatch of the Telerik and Kendo UI Default theme.

#e9f0fd

#d2e2fb

#bdd4f8

#9ec0f6

#80acf4

#6098f2

#4082ef

#206eec

#0058e9

#0052d6

#004ac2

#0042af

#003892

#002c75

#002259

Green Palette

The Green Palette provides colors to the Success Swatch of the Telerik and Kendo UI Default theme.

#edf8e9

#dcf0d3

#cbe9bf

#b7e1a5

#9bda80

#81d15f

#69c740

#4ebe1f

#37b400

#32a500

#2d9600

#298700

#227100

#1c5a00

Yellow

The Yellow Palette provides colors to the Warning Swatch of the Telerik and Kendo UI Default theme.

#fffae9

#fff4d3

#ffeebd

#ffe79e

#ffe080

#ffd760

#ffd040

#ffc720

#ffc000

#eaaf00

#d49f00

#bf9000

#a07800

#806000

#5e4700

Red

The Red Palette provides colors to the Error Swatch of the Telerik and Kendo UI Default theme.

#feeeed

#fcddda

#fbc8c3

#faaaa2

#f98b80

#f76f60

#f65140

#f43520

#f31700

#df1600

#ca1400

#b61100

#980f00

#7a0c00

#5b0900

Lemon Yellow

The Lemon Yellow Palette provides colors to the Series B Swatch of the Telerik and Kendo UI Default theme.

#fffcf1

#fffae2

#fff7d4

#fff4c2

#fff0b1

#ffed9d

#ffe989

#ffe676

#ffe162

#ead05a

#d4bc52

#bfa94a

#a3913f

#807131

#5c5223

Spring Green

The Spring Green Palette provides colors to the Series C Swatch of the Telerik and Kendo UI Default theme.

#effaf3

#e0f6e8

#d1f1dd

#c0edd1

#a6e8c0

#8fe2af

#79dda0

#62d78f

#4cd180

#46c074

#3fae6a

#399d60

#2f834f

#266940

#1c4f30

Royal Blue

The Royal Blue Palette provides colors to the Series D Swatch of the Telerik and Kendo UI Default theme.

#f0f2ff

#e1e4fe

#d2d7fe

#bbc3fd

#a5affd

#8e9bfc

#7887fb

#6173fb

#4b5ffa

#4558e5

#3f50d1

#3847bc

#2f3c9d

#26307d

#1c245e

Lavender Purple

The Lavender Purple Palette provides colors to the Series E Swatch of the Telerik and Kendo UI Default theme.

#f7f0ff

#f0e0ff

#e8d1ff

#dfbfff

#d6acff

#cc97ff

#c182ff

#b76dff

#ac58ff

#9e51ea

#8f49d4

#8142bf

#6b37a0

#562c80

#3f205e

Flamingo Pink

The Flamingo Pink Palette provides colors to the Series F Swatch of the Telerik and Kendo UI Default theme.

#fff0f5

#ffe1eb

#ffd1e1

#ffbfd6

#ffacc9

#ff97bb

#ff82ae

#ff6da0

#ff5892

#ea5186

#d4497a

#bf426e

#a0375c

#802c49

#5e2036

Foundation

Themes

CSS Utilities

Components

Resources