Socrative colours
Colour is my day-long obsession, joy, and torment.
— Claude Monet
grey-100
grey-200
grey-300
grey-500
cyan-100
cyan-300
cyan-500
cyan-700
cyan-900
green-500
orange-100
orange-500
Greys
Grey 100
AAA Fail
- Name
- Anti-Flash White
- Value
#f2f3f4- SCSS
$sb-grey-100- Swift
sbGrey100
Grey 200
AAA Fail
- Name
- December Sky
- Value
#d7d8da- SCSS
$sb-grey-200- Swift
sbGrey200
Grey 300
Fail Fail
- Name
- Quiet Grey
- Value
#b9bbbd- SCSS
$sb-grey-300- Swift
sbGrey300
Grey 500
AAA AAA
- Name
- Bastion Grey
- Value
#4c4b4a- SCSS
$sb-grey-500- Swift
sbGrey500
Cyans
Cyan 100
AAA Fail
- Name
- Frosty Day
- Value
#c4eef5- SCSS
$sb-cyan-100- Swift
sbCyan100
Cyan 300
AAA Fail
- Name
- Turkish Turquoise
- Value
#78d8ea- SCSS
$sb-cyan-300- Swift
sbCyan300
Cyan 500
Fail Fail
- Name
- Blue Atoll
- Value
#06b7d8- SCSS
$sb-cyan-500- Swift
sbCyan500
Cyan 700
AA Large AA Large
- Name
- Cape Pond
- Value
#0492ab- SCSS
$sb-cyan-700- Swift
sbCyan700
Cyan 900
AAA AAA
- Name
- Plunge
- Value
#025766- SCSS
$sb-cyan-900- Swift
sbCyan900
Greens
Green 500
Fail Fail
- Name
- Forest Fern
- Value
#5dbe6e- SCSS
$sb-green-500- Swift
sbGreen500
Oranges
Orange 100
AAA Fail
- Name
- Escargot
- Value
#ffefd9- SCSS
$sb-orange-100- Swift
sbOrange100
Orange 500
AA Large AA Large
- Name
- Dragon Fire
- Value
#ff602b- SCSS
$sb-orange-500- Swift
sbOrange500