Colours

$textForeground

hsl(0, 0%, 12%)

#1f1f1f

$textSubtle

hsl(0, 0%, 33%)

#545454

$textPlaceholder

hsl(0, 0%, 46%)

#757575

$background

hsl(0, 0%, 96%)

#f5f5f5

$backgroundAccent

hsl(217, 92%, 97%)

#f0f6fe

$tonal50

hsl(0, 0%, 96%)

#f5f5f5

$tonal100

hsl(0, 0%, 93%)

#ededed

$tonal200

hsl(0, 0%, 69%)

#b0b0b0

$tonal300

hsl(0, 0%, 46%)

#757575

$tonal400

hsl(0, 0%, 33%)

#545454

$tonal500

hsl(0, 0%, 20%)

#333

$tonal600

hsl(0, 0%, 12%)

#1f1f1f

$alpha100

hsla(0, 0%, 20%, 0.1)

$alpha150

hsla(0, 0%, 20%, 0.15)

$alpha200

hsla(0, 0%, 20%, 0.2)

$alpha250

hsla(0, 0%, 20%, 0.25)

$alpha600

hsla(0, 0%, 20%, 0.6)

$primaryLight

hsl(217, 92%, 97%)

#f0f6fe

$primary

hsl(217, 92%, 51%)

#0f67f5

$primaryMid

hsl(223, 78%, 45%)

#194ccc

$primaryDark

hsl(228, 82%, 35%)

#102da2

$secondary

hsl(204, 100%, 72%)

#70c6ff

$brandRed

hsl(0, 91%, 64%)

#f75050

$brandRedAccent

hsl(14, 100%, 71%)

#ff8e6b

$brandGreen

hsl(128, 47%, 53%)

#4fbf5e

$brandGreenAccent

hsl(168, 100%, 20%)

#006652

$brandPurple

hsl(256, 65%, 62%)

#815fdd

$brandPurpleAccent

hsl(256, 93%, 35%)

#3306ac

$brandYellow

hsl(41, 100%, 55%)

#ffb61a

$brandYellowAccent

hsl(33, 100%, 50%)

#ff8c00

$successLight

hsl(119, 44%, 94%)

#e9f6e9

$success

hsl(119, 100%, 27%)

#028a00

$successMid

hsl(124, 100%, 22%)

#007007

$successDark

hsl(126, 100%, 17%)

#005709

$dangerLight

hsl(0, 77%, 95%)

#fce8e8

$danger

hsl(0, 96%, 48%)

#f00505

$dangerMid

hsl(0, 96%, 41%)

#cd0404

$dangerDark

hsl(0, 97%, 34%)

#ab0303

$warningLight

hsl(39, 100%, 94%)

#fff4e0

$warning

hsl(41, 100%, 55%)

#ffb61a

$warningMid

hsl(41, 89%, 48%)

#e7a20d

$warningDark

hsl(41, 100%, 41%)

#d18f00

$warningText

hsl(24, 100%, 37%)

#bd4b00

$subjectEnglish

hsl(0, 91%, 64%)

#f75050

$subjectMaths

hsl(217, 92%, 51%)

#0f67f5

$subjectScience

hsl(256, 65%, 62%)

#815fdd

$subjectVerbalReasoning

hsl(128, 47%, 53%)

#4fbf5e

$subjectNonVerbalReasoning

hsl(41, 100%, 55%)

#ffb61a

$subjectCreativeWriting

hsl(33, 100%, 50%)

#ff8c00

$subjectExamSkills

hsl(256, 93%, 35%)

#3306ac