Color

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

Primary

light

#A379FF

rgb(163, 121, 255)

main

#8C57FF

rgb(140, 87, 255)

dark

#7E4EE6

rgb(126, 78, 230)

Secondary

light

#A1A4A9

rgb(161, 164, 169)

main

#8A8D93

rgb(138, 141, 147)

dark

#7C7F84

rgb(124, 127, 132)

Error

light

#FF7074

rgb(255, 112, 116)

main

#FF4C51

rgb(255, 76, 81)

dark

#E64449

rgb(230, 68, 73)

Warning

light

#FFC333

rgb(255, 195, 51)

main

#FFB400

rgb(255, 180, 0)

dark

#E6A200

rgb(230, 162, 0)

Info

light

#45C1FF

rgb(69, 193, 255)

main

#16B1FF

rgb(22, 177, 255)

dark

#149FE6

rgb(20, 159, 230)

Success

light

#78D533

rgb(120, 213, 51)

main

#56CA00

rgb(86, 202, 0)

dark

#4DB600

rgb(77, 182, 0)

PrimaryOpacity

lighterOpacity

rgb(140 87 255 / 0.08)

lightOpacity

rgb(140 87 255 / 0.16)

mainOpacity

rgb(140 87 255 / 0.24)

darkOpacity

rgb(140 87 255 / 0.32)

darkerOpacity

rgb(140 87 255 / 0.38)

SecondaryOpacity

lighterOpacity

rgb(138 141 147 / 0.08)

lightOpacity

rgb(138 141 147 / 0.16)

mainOpacity

rgb(138 141 147 / 0.24)

darkOpacity

rgb(138 141 147 / 0.32)

darkerOpacity

rgb(138 141 147 / 0.38)

ErrorOpacity

lighterOpacity

rgb(255 76 81 / 0.08)

lightOpacity

rgb(255 76 81 / 0.16)

mainOpacity

rgb(255 76 81 / 0.24)

darkOpacity

rgb(255 76 81 / 0.32)

darkerOpacity

rgb(255 76 81 / 0.38)

WarningOpacity

lighterOpacity

rgb(255 180 0 / 0.08)

lightOpacity

rgb(255 180 0 / 0.16)

mainOpacity

rgb(255 180 0 / 0.24)

darkOpacity

rgb(255 180 0 / 0.32)

darkerOpacity

rgb(255 180 0 / 0.38)

InfoOpacity

lighterOpacity

rgb(22 177 255 / 0.08)

lightOpacity

rgb(22 177 255 / 0.16)

mainOpacity

rgb(22 177 255 / 0.24)

darkOpacity

rgb(22 177 255 / 0.32)

darkerOpacity

rgb(22 177 255 / 0.38)

SuccessOpacity

lighterOpacity

rgb(86 202 0 / 0.08)

lightOpacity

rgb(86 202 0 / 0.16)

mainOpacity

rgb(86 202 0 / 0.24)

darkOpacity

rgb(86 202 0 / 0.32)

darkerOpacity

rgb(86 202 0 / 0.38)