MDX Docs

Colors

Theme Colors

Primary

palette.primary.light

rgb(166, 212, 250)

palette.primary.main

#90caf9

palette.primary.dark

rgb(100, 141, 174)

palette.primary.contrastText

rgba(0, 0, 0, 0.87)

Secondary

palette.secondary.light

rgb(246, 165, 192)

palette.secondary.main

#f48fb1

palette.secondary.dark

rgb(170, 100, 123)

palette.secondary.contrastText

rgba(0, 0, 0, 0.87)

Background

palette.background.default

#121212

palette.background.paper

#141414

Text

palette.text.primary

#ffffff

palette.text.secondary

#b3b3b3

palette.text.disabled

rgba(255, 255, 255, 0.5)

palette.text.icon

rgba(255, 255, 255, 0.5)

Error

palette.error.light

#e57373

palette.error.main

#f44336

palette.error.dark

#d32f2f

palette.error.contrastText

#fff

Warning

palette.warning.light

#ffb74d

palette.warning.main

#ffa726

palette.warning.dark

#f57c00

palette.warning.contrastText

rgba(0, 0, 0, 0.87)

Info

palette.info.light

#4fc3f7

palette.info.main

#29b6f6

palette.info.dark

#0288d1

palette.info.contrastText

rgba(0, 0, 0, 0.87)

Success

palette.success.light

#81c784

palette.success.main

#66bb6a

palette.success.dark

#388e3c

palette.success.contrastText

rgba(0, 0, 0, 0.87)

Documentation

  • Material UI - Theme Customization
  • Material Design Color Palette Tool