G
Tokens
TypographySpacingColorRadiusShadowMotion
Patterns
CardsModals

Core colors

Shade tones

shadeTone13
--grn-color-shadeTone13
shadeTone12
--grn-color-shadeTone12
shadeTone11
--grn-color-shadeTone11
shadeTone10
--grn-color-shadeTone10
shadeTone9
--grn-color-shadeTone9
shadeTone8
--grn-color-shadeTone8
shadeTone7
--grn-color-shadeTone7
shadeTone6
--grn-color-shadeTone6
shadeTone5
--grn-color-shadeTone5
shadeTone4
--grn-color-shadeTone4
shadeTone3
--grn-color-shadeTone3
shadeTone2
--grn-color-shadeTone2
shadeTone1
--grn-color-shadeTone1

Black fades

darkFade10
--grn-color-darkFade10
darkFade9
--grn-color-darkFade9
darkFade8
--grn-color-darkFade8
darkFade7
--grn-color-darkFade7
darkFade6
--grn-color-darkFade6
darkFade5
--grn-color-darkFade5
darkFade4
--grn-color-darkFade4
darkFade3
--grn-color-darkFade3
darkFade2
--grn-color-darkFade2
darkFade1
--grn-color-darkFade1

White fades

lightFade10
--grn-color-lightFade10
lightFade9
--grn-color-lightFade9
lightFade8
--grn-color-lightFade8
lightFade7
--grn-color-lightFade7
lightFade6
--grn-color-lightFade6
lightFade5
--grn-color-lightFade5
lightFade4
--grn-color-lightFade4
lightFade3
--grn-color-lightFade3
lightFade2
--grn-color-lightFade2
lightFade1
--grn-color-lightFade1

Bases

blue
--grn-color-blue
red
--grn-color-red
yellow
--grn-color-yellow
green
--grn-color-green

Color shades

blue1
--grn-color-blue1
blue2
--grn-color-blue2
blue3
--grn-color-blue3
blue4
--grn-color-blue4
blue5
--grn-color-blue5
blue6
--grn-color-blue6
blue7
--grn-color-blue7
blue8
--grn-color-blue8
blue9
--grn-color-blue9
blue10
--grn-color-blue10
blue11
--grn-color-blue11
blue12
--grn-color-blue12
green1
--grn-color-green1
green2
--grn-color-green2
green3
--grn-color-green3
green4
--grn-color-green4
green5
--grn-color-green5
green6
--grn-color-green6
green7
--grn-color-green7
green8
--grn-color-green8
green9
--grn-color-green9
green10
--grn-color-green10
green11
--grn-color-green11
green12
--grn-color-green12
yellow1
--grn-color-yellow1
yellow2
--grn-color-yellow2
yellow3
--grn-color-yellow3
yellow4
--grn-color-yellow4
yellow5
--grn-color-yellow5
yellow6
--grn-color-yellow6
yellow7
--grn-color-yellow7
yellow8
--grn-color-yellow8
yellow9
--grn-color-yellow9
yellow10
--grn-color-yellow10
yellow11
--grn-color-yellow11
yellow12
--grn-color-yellow12
red1
--grn-color-red1
red2
--grn-color-red2
red3
--grn-color-red3
red4
--grn-color-red4
red5
--grn-color-red5
red6
--grn-color-red6
red7
--grn-color-red7
red8
--grn-color-red8
red9
--grn-color-red9
red10
--grn-color-red10
red11
--grn-color-red11
red12
--grn-color-red12

Shades

shade13
--grn-color-shade13
shade12
--grn-color-shade12
shade11
--grn-color-shade11
shade10
--grn-color-shade10
shade9
--grn-color-shade9
shade8
--grn-color-shade8
shade7
--grn-color-shade7
shade6
--grn-color-shade6
shade5
--grn-color-shade5
shade4
--grn-color-shade4
shade3
--grn-color-shade3
shade2
--grn-color-shade2
shade1
--grn-color-shade1

Fades

fade10
--grn-color-fade10
fade9
--grn-color-fade9
fade8
--grn-color-fade8
fade7
--grn-color-fade7
fade6
--grn-color-fade6
fade5
--grn-color-fade5
fade4
--grn-color-fade4
fade3
--grn-color-fade3
fade2
--grn-color-fade2
fade1
--grn-color-fade1