Skip to main content

Color

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

Primary
light

#8589FF

rgb(133, 137, 255)

main

#666CFF

rgb(102, 108, 255)

dark

#5C61E6

rgb(92, 97, 230)

Secondary
light

#8A93A4

rgb(138, 147, 164)

main

#6D788D

rgb(109, 120, 141)

dark

#626C7F

rgb(98, 108, 127)

Error
light

#FF716D

rgb(255, 113, 109)

main

#FF4D49

rgb(255, 77, 73)

dark

#E64542

rgb(230, 69, 66)

Warning
light

#FDC453

rgb(253, 196, 83)

main

#FDB528

rgb(253, 181, 40)

dark

#E4A324

rgb(228, 163, 36)

Info
light

#51D1FA

rgb(81, 209, 250)

main

#26C6F9

rgb(38, 198, 249)

dark

#22B3E1

rgb(34, 179, 225)

Success
light

#8EE753

rgb(142, 231, 83)

main

#72E128

rgb(114, 225, 40)

dark

#67CB24

rgb(103, 203, 36)

PrimaryOpacity
lighterOpacity

rgb(102 108 255 / 0.08)

lightOpacity

rgb(102 108 255 / 0.16)

mainOpacity

rgb(102 108 255 / 0.24)

darkOpacity

rgb(102 108 255 / 0.32)

darkerOpacity

rgb(102 108 255 / 0.38)

SecondaryOpacity
lighterOpacity

rgb(109 120 141 / 0.08)

lightOpacity

rgb(109 120 141 / 0.16)

mainOpacity

rgb(109 120 141 / 0.24)

darkOpacity

rgb(109 120 141 / 0.32)

darkerOpacity

rgb(109 120 141 / 0.38)

ErrorOpacity
lighterOpacity

rgb(255 77 73 / 0.08)

lightOpacity

rgb(255 77 73 / 0.16)

mainOpacity

rgb(255 77 73 / 0.24)

darkOpacity

rgb(255 77 73 / 0.32)

darkerOpacity

rgb(255 77 73 / 0.38)

WarningOpacity
lighterOpacity

rgb(253 181 40 / 0.08)

lightOpacity

rgb(253 181 40 / 0.16)

mainOpacity

rgb(253 181 40 / 0.24)

darkOpacity

rgb(253 181 40 / 0.32)

darkerOpacity

rgb(253 181 40 / 0.38)

InfoOpacity
lighterOpacity

rgb(38 198 249 / 0.08)

lightOpacity

rgb(38 198 249 / 0.16)

mainOpacity

rgb(38 198 249 / 0.24)

darkOpacity

rgb(38 198 249 / 0.32)

darkerOpacity

rgb(38 198 249 / 0.38)

SuccessOpacity
lighterOpacity

rgb(114 225 40 / 0.08)

lightOpacity

rgb(114 225 40 / 0.16)

mainOpacity

rgb(114 225 40 / 0.24)

darkOpacity

rgb(114 225 40 / 0.32)

darkerOpacity

rgb(114 225 40 / 0.38)