V19
V16
Ctrl
+
K
Get Started
Styles
Core
Comps
CDK
Get Started
Design
Components
Theme builder
Light Colors
Dark Colors
Primary
(click to show variants)
rgb(43,127,255)
50
rgb(227,244,255)
100
rgb(207,231,255)
200
rgb(167,207,255)
300
rgb(126,181,255)
400
rgb(81,154,255)
500
rgb(43,127,255)
600
rgb(0,97,222)
700
rgb(0,66,190)
800
rgb(0,31,158)
900
rgb(0,0,117)
950
rgb(0,0,89)
on
rgb(255,255,255)
on-contrast
rgb(0,0,117)
Secondary
(click to show variants)
rgb(106,114,130)
50
rgb(231,240,255)
100
rgb(216,226,244)
200
rgb(188,196,214)
300
rgb(159,168,185)
400
rgb(132,141,157)
500
rgb(106,114,130)
600
rgb(83,91,107)
700
rgb(62,69,84)
800
rgb(42,48,62)
900
rgb(23,29,42)
950
rgb(14,20,32)
on
rgb(255,255,255)
on-contrast
rgb(23,29,42)
Success
(click to show variants)
rgb(1,188,125)
50
rgb(199,255,228)
100
rgb(152,255,206)
200
rgb(102,247,180)
300
rgb(78,227,162)
400
rgb(51,207,143)
500
rgb(1,188,125)
600
rgb(0,153,93)
700
rgb(0,116,67)
800
rgb(0,80,43)
900
rgb(0,47,21)
950
rgb(0,32,11)
on
rgb(255,255,255)
on-contrast
rgb(0,47,21)
Warning
(click to show variants)
rgb(253,154,1)
50
rgb(255,242,216)
100
rgb(255,233,198)
200
rgb(255,213,158)
300
rgb(255,192,113)
400
rgb(255,170,50)
500
rgb(253,154,1)
600
rgb(208,116,0)
700
rgb(157,85,0)
800
rgb(109,55,0)
900
rgb(65,28,0)
950
rgb(45,16,0)
on
rgb(255,255,255)
on-contrast
rgb(65,28,0)
Danger
(click to show variants)
rgb(255,32,86)
50
rgb(255,233,233)
100
rgb(255,216,216)
200
rgb(255,181,181)
300
rgb(255,142,152)
400
rgb(255,94,117)
500
rgb(255,32,86)
600
rgb(215,0,60)
700
rgb(165,0,43)
800
rgb(119,0,27)
900
rgb(75,0,11)
950
rgb(54,0,5)
on
rgb(255,255,255)
on-contrast
rgb(75,0,11)
Get Codes
100%
Side menu
Home
Get Started
Styles
Core
Components
Side menu
Button
Inputs
CDK
Theme builder
Buttons
Solid-Primary
Solid-Secondary
Solid-Success
Solid-Warning
Solid-Danger
Solid-Ghost
Outline-Primary
Outline-Secondary
Outline-Success
Outline-Warning
Outline-Danger
Outline-Ghost
Twotone-Primary
Twotone-Secondary
Twotone-Success
Twotone-Warning
Twotone-Danger
Twotone-Ghost
Blank-Primary
Blank-Secondary
Blank-Success
Blank-Warning
Blank-Danger
Blank-Ghost
Link-Primary
Link-Secondary
Link-Success
Link-Warning
Link-Danger
Link-Ghost
Inputs
Solid Text Input
Solid Number Input
Fill Text Input
Fill Number Input
Outline Text Input
Outline Number Input
Flat Text Input
Flat Number Input
None Text Input
None Number Input
For a better user experience, you need to use a larger screen.
On this page
Please enable JavaScript to continue using this application.