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

Files

app/styles/base/config.scss

Color Palette

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