Skip to main content

Color

Please refer to MUI's official docs for more details on colors.

Primary
light

#8789FF

rgb(135, 137, 255)

main

#696CFF

rgb(105, 108, 255)

dark

#5E61E6

rgb(94, 97, 230)

Secondary
light

#9DA8B5

rgb(157, 168, 181)

main

#8592A3

rgb(133, 146, 163)

dark

#788393

rgb(120, 131, 147)

Error
light

#FF654A

rgb(255, 101, 74)

main

#FF3E1D

rgb(255, 62, 29)

dark

#E6381A

rgb(230, 56, 26)

Warning
light

#FFBC33

rgb(255, 188, 51)

main

#FFAB00

rgb(255, 171, 0)

dark

#E69A00

rgb(230, 154, 0)

Info
light

#35CFF0

rgb(53, 207, 240)

main

#03C3EC

rgb(3, 195, 236)

dark

#03AFD4

rgb(3, 175, 212)

Success
light

#8DE45F

rgb(141, 228, 95)

main

#71DD37

rgb(113, 221, 55)

dark

#66C732

rgb(102, 199, 50)

PrimaryOpacity
lighterOpacity

rgb(105 108 255 / 0.08)

lightOpacity

rgb(105 108 255 / 0.16)

mainOpacity

rgb(105 108 255 / 0.24)

darkOpacity

rgb(105 108 255 / 0.32)

darkerOpacity

rgb(105 108 255 / 0.38)

SecondaryOpacity
lighterOpacity

rgb(133 146 163 / 0.08)

lightOpacity

rgb(133 146 163 / 0.16)

mainOpacity

rgb(133 146 163 / 0.24)

darkOpacity

rgb(133 146 163 / 0.32)

darkerOpacity

rgb(133 146 163 / 0.38)

ErrorOpacity
lighterOpacity

rgb(255 62 29 / 0.08)

lightOpacity

rgb(255 62 29 / 0.16)

mainOpacity

rgb(255 62 29 / 0.24)

darkOpacity

rgb(255 62 29 / 0.32)

darkerOpacity

rgb(255 62 29 / 0.38)

WarningOpacity
lighterOpacity

rgb(255 171 0 / 0.08)

lightOpacity

rgb(255 171 0 / 0.16)

mainOpacity

rgb(255 171 0 / 0.24)

darkOpacity

rgb(255 171 0 / 0.32)

darkerOpacity

rgb(255 171 0 / 0.38)

InfoOpacity
lighterOpacity

rgb(3 195 236 / 0.08)

lightOpacity

rgb(3 195 236 / 0.16)

mainOpacity

rgb(3 195 236 / 0.24)

darkOpacity

rgb(3 195 236 / 0.32)

darkerOpacity

rgb(3 195 236 / 0.38)

SuccessOpacity
lighterOpacity

rgb(113 221 55 / 0.08)

lightOpacity

rgb(113 221 55 / 0.16)

mainOpacity

rgb(113 221 55 / 0.24)

darkOpacity

rgb(113 221 55 / 0.32)

darkerOpacity

rgb(113 221 55 / 0.38)