Color Palette

A color scheme is the choice of colors used in design for a range of media. For example, the "Achromatic" use of a white background with black text is an example of a basic and commonly default color scheme in web design. Color schemes are used to create style and appeal.

Primary
  • Scss Var:
    $primary
  • Text class:
    text--primary
  • bg class:
    bg--primary
Secondary
  • Scss Var:
    $secondary
  • Text class:
    text--secondary
  • bg class:
    bg--secondary
Success
  • Scss Var:
    $success
  • Text class:
    text--success
  • bg class:
    bg--success
Danger
  • Scss Var:
    $danger
  • Text class:
    text--danger
  • bg class:
    bg--danger
Warning
  • Scss Var:
    $warning
  • Text class:
    text--warning
  • bg class:
    bg--warning
Info
  • Scss Var:
    $info
  • Text class:
    text--info
  • bg class:
    bg--info
Dark
  • Scss Var:
    $dark
  • Text class:
    text--dark
  • bg class:
    bg--dark
Light
  • Scss Var:
    $light
  • Text class:
    text--light
  • bg class:
    bg--light