-
Notifications
You must be signed in to change notification settings - Fork 0
/
colors.js
86 lines (86 loc) · 1.49 KB
/
colors.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
module.exports = {
neutral: {
50: "#f8f9fa",
100: "#f1f3f5",
200: "#e2e6ea",
300: "#d3d9df",
400: "#c4ccd4",
500: "#889096",
600: "#697177",
700: "#4b5358",
800: "#2d353b",
900: "#0f1b20",
},
blue: {
50: "#e6f1fe",
100: "#cce3fd",
200: "#99c7fb",
300: "#66aaf9",
400: "#338ef7",
500: "#0072f5",
600: "#005bc4",
700: "#004493",
800: "#002e62",
900: "#001731",
},
green: {
50: "#e8faf0",
100: "#d1f4e0",
200: "#a2e9c1",
300: "#74dfa2",
400: "#45d483",
500: "#17c964",
600: "#12a150",
700: "#0e793c",
800: "#095028",
900: "#052814",
},
pink: {
50: "#ffedfa",
100: "#ffdcf5",
200: "#ffb8eb",
300: "#ff95e1",
400: "#ff71d7",
500: "#ff4ecd",
600: "#cc3ea4",
700: "#992f7b",
800: "#661f52",
900: "#331029",
},
purple: {
50: "#f2eafa",
100: "#e4d4f4",
200: "#c9a9e9",
300: "#ae7ede",
400: "#9353d3",
500: "#7828c8",
600: "#6020a0",
700: "#481878",
800: "#301050",
900: "#180828",
},
red: {
50: "#fee7ef",
100: "#fdd0df",
200: "#faa0bf",
300: "#f871a0",
400: "#f54180",
500: "#f31260",
600: "#c20e4d",
700: "#920b3a",
800: "#610726",
900: "#310413",
},
yellow: {
50: "#fef6e9",
100: "#fdedd3",
200: "#fbdba7",
300: "#f9c97c",
400: "#f7b750",
500: "#f5a524",
600: "#c4841d",
700: "#936316",
800: "#62420e",
900: "#312107",
},
};