Preview of primary, accent and supplementary colors and their variations used in project.

Files

app/styles/utils/_variables.scss

Color Palette

  • color(primary, 500)
    color(primary, 900)
    color(primary, 800)
    color(primary, 700)
    color(primary, 600)
    color(primary, 500)
    color(primary, 400)
    color(primary, 300)
    color(primary, 200)
    color(primary, 100)
    color(primary, 50)
  • color(grey, 500)
    color(grey, 900)
    color(grey, 800)
    color(grey, 700)
    color(grey, 600)
    color(grey, 500)
    color(grey, 400)
    color(grey, 300)
    color(grey, 200)
    color(grey, 100)
    color(grey, 50)
  • color(error, 500)
    color(error, 900)
    color(error, 800)
    color(error, 700)
    color(error, 600)
    color(error, 500)
    color(error, 400)
    color(error, 300)
    color(error, 200)
    color(error, 100)
    color(error, 50)
  • color(success, 500)
    color(success, 900)
    color(success, 800)
    color(success, 700)
    color(success, 600)
    color(success, 500)
    color(success, 400)
    color(success, 300)
    color(success, 200)
    color(success, 100)
    color(success, 50)