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