Updated 15 October 2024
Variables
Name
Value
primary
primary/600
#57451A
primary/500
#876921
primary/400
#B78E29
primary/base
#FFC434
primary/300
#FED46F
primary/200
#FCE4AB
primary/100
#FBF5E6
secondary
secondary/600
#262652
secondary/500
#35357E
secondary/400
#4544AB
secondary/base
#5C5BEE
secondary/300
#8B8BF2
secondary/200
#BBBAF5
secondary/100
#DADAF8
secondary/50
#ECECFB
secondary/25
#F4F4FD
secondary/03
#FAFAFE
opacityWhite
opacityWhite/pure
#FFFFFF
opacityWhite/100
#FAFAFA
opacityWhite/90
#FAFAFA
90%opacityWhite/80
#FAFAFA
80%opacityWhite/70
#FAFAFA
70%opacityWhite/60
#FAFAFA
60%opacityWhite/50
#FAFAFA
50%opacityWhite/40
#FAFAFA
40%opacityWhite/30
#FAFAFA
30%opacityWhite/20
#FAFAFA
20%opacityWhite/10
#FAFAFA
10%opacityWhite/05
#FAFAFA
5%opacityBlack
opacityBlack/pure
#000000
opacityBlack/100
#0F0F0F
opacityBlack/90
#0F0F0F
90%opacityBlack/80
#0F0F0F
80%opacityBlack/70
#0F0F0F
70%opacityBlack/60
#0F0F0F
60%opacityBlack/50
#0F0F0F
50%opacityBlack/40
#0F0F0F
40%opacityBlack/30
#0F0F0F
30%opacityBlack/20
#0F0F0F
20%opacityBlack/10
#0F0F0F
10%opacityBlack/05
#0F0F0F
5%greyscale
greyscale/950
#0F0F0F
greyscale/900
#212121
greyscale/800
#424242
greyscale/700
#616161
greyscale/600
#757575
greyscale/500
#9E9E9E
greyscale/400
#BDBDBD
greyscale/300
#E0E0E0
greyscale/200
#EEEEEE
greyscale/100
#F5F5F5
greyscale/50
#FAFAFA
red
red/100
#51302D
red/200
#983B35
red/300
#FF6E64
red/400
#FFD0CD
red/500
#FFF8F8
blue
blue/100
#172854
blue/200
#002B99
blue/300
#0047FF
blue/400
#99B5FF
blue/500
#F5F8FF
green
green/100
#2A533F
green/200
#2F9665
green/300
#4FFAA8
green/400
#B9FDDC
green/500
#F1FFF8
orange
orange/100
#543A2B
orange/200
#995833
orange/300
#FF9255
orange/400
#FFD3BB
orange/500
#FFFBF8
scale
scale/0px
0
scale/2px
2
scale/4px
4
scale/6px
6
scale/8px
8
scale/12px
12
scale/16px
16
scale/20px
20
scale/24px
24
scale/28px
28
scale/32px
32
scale/40px
40
scale/48px
48
scale/56px
56
scale/64px
64
scale/80px
80