Full logo
Live Demo
Color
Primary
lighter
Varvar(--palette-primary-lighter)
Hex#E0E8FD
Rgb224 232 253
light
Varvar(--palette-primary-light)
Hex#A2B4F4
Rgb162 180 244
main
Varvar(--palette-primary-main)
Hex#6177DD
Rgb97 119 221
dark
Varvar(--palette-primary-dark)
Hex#30409F
Rgb48 64 159
darker
Varvar(--palette-primary-darker)
Hex#121B6A
Rgb18 27 106
Secondary
lighter
Varvar(--palette-secondary-lighter)
Hex#EFD6FF
Rgb239 214 255
light
Varvar(--palette-secondary-light)
Hex#C684FF
Rgb198 132 255
main
Varvar(--palette-secondary-main)
Hex#8E33FF
Rgb142 51 255
dark
Varvar(--palette-secondary-dark)
Hex#5119B7
Rgb81 25 183
darker
Varvar(--palette-secondary-darker)
Hex#27097A
Rgb39 9 122
Info
lighter
Varvar(--palette-info-lighter)
Hex#CAFDF5
Rgb202 253 245
light
Varvar(--palette-info-light)
Hex#61F3F3
Rgb97 243 243
main
Varvar(--palette-info-main)
Hex#00B8D9
Rgb0 184 217
dark
Varvar(--palette-info-dark)
Hex#006C9C
Rgb0 108 156
darker
Varvar(--palette-info-darker)
Hex#003768
Rgb0 55 104
Success
lighter
Varvar(--palette-success-lighter)
Hex#D3FCD2
Rgb211 252 210
light
Varvar(--palette-success-light)
Hex#77ED8B
Rgb119 237 139
main
Varvar(--palette-success-main)
Hex#22C55E
Rgb34 197 94
dark
Varvar(--palette-success-dark)
Hex#118D57
Rgb17 141 87
darker
Varvar(--palette-success-darker)
Hex#065E49
Rgb6 94 73
Warning
lighter
Varvar(--palette-warning-lighter)
Hex#FFF5CC
Rgb255 245 204
light
Varvar(--palette-warning-light)
Hex#FFD666
Rgb255 214 102
main
Varvar(--palette-warning-main)
Hex#FFAB00
Rgb255 171 0
dark
Varvar(--palette-warning-dark)
Hex#B76E00
Rgb183 110 0
darker
Varvar(--palette-warning-darker)
Hex#7A4100
Rgb122 65 0
Error
lighter
Varvar(--palette-error-lighter)
Hex#FFE9D5
Rgb255 233 213
light
Varvar(--palette-error-light)
Hex#FFAC82
Rgb255 172 130
main
Varvar(--palette-error-main)
Hex#FF5630
Rgb255 86 48
dark
Varvar(--palette-error-dark)
Hex#B71D18
Rgb183 29 24
darker
Varvar(--palette-error-darker)
Hex#7A0916
Rgb122 9 22
Grey
50
Varvar(--palette-grey-50)
Hex#FCFDFD
Rgb252 253 253
100
Varvar(--palette-grey-100)
Hex#F9FAFB
Rgb249 250 251
200
Varvar(--palette-grey-200)
Hex#F4F6F8
Rgb244 246 248
300
Varvar(--palette-grey-300)
Hex#DFE3E8
Rgb223 227 232
400
Varvar(--palette-grey-400)
Hex#C4CDD5
Rgb196 205 213
500
Varvar(--palette-grey-500)
Hex#919EAB
Rgb145 158 171
600
Varvar(--palette-grey-600)
Hex#637381
Rgb99 115 129
700
Varvar(--palette-grey-700)
Hex#454F5B
Rgb69 79 91
800
Varvar(--palette-grey-800)
Hex#1C252E
Rgb28 37 46
900
Varvar(--palette-grey-900)
Hex#141A21
Rgb20 26 33