Sprout Labs branding colour classes

These should work right across the site.

Class:

(cl/bg/bdr)sl-(colour)-(strain)

cyan-darkest

As a border class:
```
bdrsl-cyan-darkest
```
As a background class:
```
bgsl-cyan-darkest
```
As a colour class:
```
clsl-cyan-darkest
```
As a hexcode:
```
#007f79
```

cyan-dark

As a border class:
```
bdrsl-cyan-dark
```
As a background class:
```
bgsl-cyan-dark
```
As a colour class:
```
clsl-cyan-dark
```
As a hexcode:
```
#00aaa1
```

cyan-main

As a border class:
```
bdrsl-cyan-main
```
As a background class:
```
bgsl-cyan-main
```
As a colour class:
```
clsl-cyan-main
```
As a hexcode:
```
#00d6d0
```

cyan-light

As a border class:
```
bdrsl-cyan-light
```
As a background class:
```
bgsl-cyan-light
```
As a colour class:
```
clsl-cyan-light
```
As a hexcode:
```
#39fff5
```

cyan-lightest

As a border class:
```
bdrsl-cyan-lightest
```
As a background class:
```
bgsl-cyan-lightest
```
As a colour class:
```
clsl-cyan-lightest
```
As a hexcode:
```
#9ffffa
```

green-darkest

As a border class:
```
bdrsl-green-darkest
```
As a background class:
```
bgsl-green-darkest
```
As a colour class:
```
clsl-green-darkest
```
As a hexcode:
```
#286b36
```

green-dark

As a border class:
```
bdrsl-green-dark
```
As a background class:
```
bgsl-green-dark
```
As a colour class:
```
clsl-green-dark
```
As a hexcode:
```
#419e05
```

green-main

As a border class:
```
bdrsl-green-main
```
As a background class:
```
bgsl-green-main
```
As a colour class:
```
clsl-green-main
```
As a hexcode:
```
#6dc931
```

green-light

As a border class:
```
bdrsl-green-light
```
As a background class:
```
bgsl-green-light
```
As a colour class:
```
clsl-green-light
```
As a hexcode:
```
#8ddb5a
```

green-lightest

As a border class:
```
bdrsl-green-lightest
```
As a background class:
```
bgsl-green-lightest
```
As a colour class:
```
clsl-green-lightest
```
As a hexcode:
```
#b4ef8e
```

blue-darkest

As a border class:
```
bdrsl-blue-darkest
```
As a background class:
```
bgsl-blue-darkest
```
As a colour class:
```
clsl-blue-darkest
```
As a hexcode:
```
#002d66
```

blue-dark

As a border class:
```
bdrsl-blue-dark
```
As a background class:
```
bgsl-blue-dark
```
As a colour class:
```
clsl-blue-dark
```
As a hexcode:
```
#0059aa
```

blue-main

As a border class:
```
bdrsl-blue-main
```
As a background class:
```
bgsl-blue-main
```
As a colour class:
```
clsl-blue-main
```
As a hexcode:
```
#3494ea
```

blue-light

As a border class:
```
bdrsl-blue-light
```
As a background class:
```
bgsl-blue-light
```
As a colour class:
```
clsl-blue-light
```
As a hexcode:
```
#55b6ff
```

blue-lightest

As a border class:
```
bdrsl-blue-lightest
```
As a background class:
```
bgsl-blue-lightest
```
As a colour class:
```
clsl-blue-lightest
```
As a hexcode:
```
#8fdaff
```

red-darkest

As a border class:
```
bdrsl-red-darkest
```
As a background class:
```
bgsl-red-darkest
```
As a colour class:
```
clsl-red-darkest
```
As a hexcode:
```
#82083a
```

red-dark

As a border class:
```
bdrsl-red-dark
```
As a background class:
```
bgsl-red-dark
```
As a colour class:
```
clsl-red-dark
```
As a hexcode:
```
#af1252
```

red-main

As a border class:
```
bdrsl-red-main
```
As a background class:
```
bgsl-red-main
```
As a colour class:
```
clsl-red-main
```
As a hexcode:
```
#f44764
```

red-light

As a border class:
```
bdrsl-red-light
```
As a background class:
```
bgsl-red-light
```
As a colour class:
```
clsl-red-light
```
As a hexcode:
```
#fc7f97
```

red-lightest

As a border class:
```
bdrsl-red-lightest
```
As a background class:
```
bgsl-red-lightest
```
As a colour class:
```
clsl-red-lightest
```
As a hexcode:
```
#ffb1bf
```

teal-darkest

As a border class:
```
bdrsl-teal-darkest
```
As a background class:
```
bgsl-teal-darkest
```
As a colour class:
```
clsl-teal-darkest
```
As a hexcode:
```
#004944
```

teal-dark

As a border class:
```
bdrsl-teal-dark
```
As a background class:
```
bgsl-teal-dark
```
As a colour class:
```
clsl-teal-dark
```
As a hexcode:
```
#016661
```

teal-main

As a border class:
```
bdrsl-teal-main
```
As a background class:
```
bgsl-teal-main
```
As a colour class:
```
clsl-teal-main
```
As a hexcode:
```
#008e8a
```

teal-light

As a border class:
```
bdrsl-teal-light
```
As a background class:
```
bgsl-teal-light
```
As a colour class:
```
clsl-teal-light
```
As a hexcode:
```
#34b7ad
```

teal-lightest

As a border class:
```
bdrsl-teal-lightest
```
As a background class:
```
bgsl-teal-lightest
```
As a colour class:
```
clsl-teal-lightest
```
As a hexcode:
```
#5dc9bf
```

grey-darkest

As a border class:
```
bdrsl-grey-darkest
```
As a background class:
```
bgsl-grey-darkest
```
As a colour class:
```
clsl-grey-darkest
```
As a hexcode:
```
#191919
```

grey-dark

As a border class:
```
bdrsl-grey-dark
```
As a background class:
```
bgsl-grey-dark
```
As a colour class:
```
clsl-grey-dark
```
As a hexcode:
```
#333333
```

grey-main

As a border class:
```
bdrsl-grey-main
```
As a background class:
```
bgsl-grey-main
```
As a colour class:
```
clsl-grey-main
```
As a hexcode:
```
#6d6d6d
```

grey-light

As a border class:
```
bdrsl-grey-light
```
As a background class:
```
bgsl-grey-light
```
As a colour class:
```
clsl-grey-light
```
As a hexcode:
```
#bcbec0
```

grey-lightest

As a border class:
```
bdrsl-grey-lightest
```
As a background class:
```
bgsl-grey-lightest
```
As a colour class:
```
clsl-grey-lightest
```
As a hexcode:
```
#e0e0e0
```

aqua-darkest

As a border class:
```
bdrsl-aqua-darkest
```
As a background class:
```
bgsl-aqua-darkest
```
As a colour class:
```
clsl-aqua-darkest
```
As a hexcode:
```
#002d38
```

aqua-dark

As a border class:
```
bdrsl-aqua-dark
```
As a background class:
```
bgsl-aqua-dark
```
As a colour class:
```
clsl-aqua-dark
```
As a hexcode:
```
#005c7c
```

aqua-main

As a border class:
```
bdrsl-aqua-main
```
As a background class:
```
bgsl-aqua-main
```
As a colour class:
```
clsl-aqua-main
```
As a hexcode:
```
#005c7c
```

aqua-light

As a border class:
```
bdrsl-aqua-light
```
As a background class:
```
bgsl-aqua-light
```
As a colour class:
```
clsl-aqua-light
```
As a hexcode:
```
#49b8c4
```

aqua-lightest

As a border class:
```
bdrsl-aqua-lightest
```
As a background class:
```
bgsl-aqua-lightest
```
As a colour class:
```
clsl-aqua-lightest
```
As a hexcode:
```
#88d3d1
```

skin-darkest

As a border class:
```
bdrsl-skin-darkest
```
As a background class:
```
bgsl-skin-darkest
```
As a colour class:
```
clsl-skin-darkest
```
As a hexcode:
```
#663e38
```

skin-dark

As a border class:
```
bdrsl-skin-dark
```
As a background class:
```
bgsl-skin-dark
```
As a colour class:
```
clsl-skin-dark
```
As a hexcode:
```
#9e655c
```

skin-main

As a border class:
```
bdrsl-skin-main
```
As a background class:
```
bgsl-skin-main
```
As a colour class:
```
clsl-skin-main
```
As a hexcode:
```
#bf7c75
```

skin-light

As a border class:
```
bdrsl-skin-light
```
As a background class:
```
bgsl-skin-light
```
As a colour class:
```
clsl-skin-light
```
As a hexcode:
```
#dda791
```

skin-lightest

As a border class:
```
bdrsl-skin-lightest
```
As a background class:
```
bgsl-skin-lightest
```
As a colour class:
```
clsl-skin-lightest
```
As a hexcode:
```
#edbab4
```

black

As a border class:
```
bdrsl-black
```
As a background class:
```
bgsl-black
```
As a colour class:
```
clsl-black
```
As a hexcode:
```
#000000
```

white

As a border class:
```
bdrsl-white
```
As a background class:
```
bgsl-white
```
As a colour class:
```
clsl-white
```
As a hexcode:
```
#ffffff
```

Totara Learn + Engage

Totara - Perform

Sprout Labs branding colour classes