Skip to main content

Color

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

Primary
light

#8F85F3

rgb(143, 133, 243)

main

#7367F0

rgb(115, 103, 240)

dark

#675DD8

rgb(103, 93, 216)

Secondary
light

#999CA6

rgb(153, 156, 166)

main

#808390

rgb(128, 131, 144)

dark

#737682

rgb(115, 118, 130)

Error
light

#FF7074

rgb(255, 112, 116)

main

#FF4C51

rgb(255, 76, 81)

dark

#E64449

rgb(230, 68, 73)

Warning
light

#FFB269

rgb(255, 178, 105)

main

#FF9F43

rgb(255, 159, 67)

dark

#E68F3C

rgb(230, 143, 60)

Info
light

#33C8DA

rgb(51, 200, 218)

main

#00BAD1

rgb(0, 186, 209)

dark

#00A7BC

rgb(0, 167, 188)

Success
light

#53D28C

rgb(83, 210, 140)

main

#28C76F

rgb(40, 199, 111)

dark

#24B364

rgb(36, 179, 100)

PrimaryOpacity
lighterOpacity

rgb(115 103 240 / 0.08)

lightOpacity

rgb(115 103 240 / 0.16)

mainOpacity

rgb(115 103 240 / 0.24)

darkOpacity

rgb(115 103 240 / 0.32)

darkerOpacity

rgb(115 103 240 / 0.38)

SecondaryOpacity
lighterOpacity

rgb(128 131 144 / 0.08)

lightOpacity

rgb(128 131 144 / 0.16)

mainOpacity

rgb(128 131 144 / 0.24)

darkOpacity

rgb(128 131 144 / 0.32)

darkerOpacity

rgb(128 131 144 / 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 159 67 / 0.08)

lightOpacity

rgb(255 159 67 / 0.16)

mainOpacity

rgb(255 159 67 / 0.24)

darkOpacity

rgb(255 159 67 / 0.32)

darkerOpacity

rgb(255 159 67 / 0.38)

InfoOpacity
lighterOpacity

rgb(0 186 209 / 0.08)

lightOpacity

rgb(0 186 209 / 0.16)

mainOpacity

rgb(0 186 209 / 0.24)

darkOpacity

rgb(0 186 209 / 0.32)

darkerOpacity

rgb(0 186 209 / 0.38)

SuccessOpacity
lighterOpacity

rgb(40 199 111 / 0.08)

lightOpacity

rgb(40 199 111 / 0.16)

mainOpacity

rgb(40 199 111 / 0.24)

darkOpacity

rgb(40 199 111 / 0.32)

darkerOpacity

rgb(40 199 111 / 0.38)