Color Palettes in the Telerik and Kendo UI Default Theme

Color Palettes

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

Color values vary by theme and swatch. To explore these specifics, click the link for the respective theme: Default, Bootstrap, Material, Fluent and Classic.

Outlined below are the various color palettes of The Telerik and Kendo UI Default theme.

Gray

The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups 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

The Coral Palette provides colors to the Primary and Series A variable group 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

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

#ebf8fe

#d8f1fd

#c5eafc

#a3dffb

#81d4fA

#61c9f9

#42bff7

#22b3f5

#03a9f4

#039ae0

#028ccb

#027fb7

#026999

#02557a

#023f5c

Blue

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

#e9f0fd

#d2e2fb

#bdd4f8

#9ec0f6

#80acf4

#6098f2

#4082ef

#206eec

#0058e9

#0052d6

#004ac2

#0042af

#003892

#002c75

#002259

Green

The Green Palette provides colors to the Success variable group 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 variable group 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 variable group of the Telerik and Kendo UI Default theme.

#feeeed

#fcddda

#fbc8c3

#faaaa2

#f98b80

#f76f60

#f65140

#f43520

#f31700

#df1600

#ca1400

#b61100

#980f00

#7a0c00

Lemon Yellow

The Lemon Yellow Palette provides colors to the Series B variable group 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 variable group 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 variable group 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 variable group 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 variable group 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

UI Templates

Resources

Color