Colors

Primary

  • Primary dark
    primary-dark
    #da7700

  • Primary
    primary
    #ffa941

  • Primary light
    primary-light
    #ffd7a7

Secondary

  • Secondary dark
    secondary-dark
    #1113a1

  • Secondary
    secondary
    #4648d2

  • Secondary light
    secondary-light
    #8b8df3

Red

  • Red dark
    red-dark
    #d1000d

  • Red
    red
    #fa3d49

  • Red light
    red-light
    #ff9ea4

Orange

  • Orange dark
    orange-dark
    #da7700

  • Orange
    orange
    #ffa941

  • Orange light
    orange-light
    #ffd7a7

Yellow

  • Yellow dark
    yellow-dark
    #ccb100

  • Yellow
    yellow
    #ffe433

  • Yellow light
    yellow-light
    #fff299

Green

  • Green dark
    green-dark
    #19902d

  • Green
    green
    #4bc45f

  • Green light
    green-light
    #8aeb9a

Indigo

  • Indigo dark
    indigo-dark
    #005387

  • Indigo
    indigo
    #178cd6

  • Indigo light
    indigo-light
    #54bdff

Blue

  • Blue dark
    blue-dark
    #0000c0

  • Blue
    blue
    #3333f3

  • Blue light
    blue-light
    #8d8dff

Violet

  • Violet dark
    violet-dark
    #5800b1

  • Violet
    violet
    #8b26f1

  • Violet light
    violet-light
    #be7eff

Black

  • Black
    black
    #000

Gray

  • Gray darkest
    gray-darkest
    #333

  • Gray dark
    gray-dark
    #6b6b6b

  • Gray
    gray
    #999

  • Gray light
    gray-light
    #ccc

  • Gray lightest
    gray-lightest
    #ebebeb

White

  • White
    white
    #fff

Customizing

All colors are defined in a map, found in _vars.scss.

Simply add or modify existing colors to automatically generate new classes and rules.

SCSS
    ...