-
Notifications
You must be signed in to change notification settings - Fork 172
/
colours.js
58 lines (57 loc) · 1.99 KB
/
colours.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
export const colours = {
blue100: 'hsla(202, 100%, 95%, 1)',
blue200: 'hsla(204, 100%, 85%, 1)',
blue300: 'hsla(206, 95%, 72%, 1)',
blue400: 'hsla(208, 90%, 63%, 1)',
blue500: 'hsla(210, 85%, 54%, 1)',
blue600: 'hsla(212, 96%, 44%, 1)',
blue700: 'hsla(214, 98%, 38%, 1)',
blue800: 'hsla(217, 98%, 33%, 1)',
blue900: 'hsla(220, 99%, 24%, 1)',
blue999: 'hsla(222, 100%, 18%, 1)',
bluelink: 'hsla(205, 62%, 38%, 1)',
green100: 'hsla(167, 100%, 94%, 1)',
green200: 'hsla(166, 100%, 87%, 1)',
green300: 'hsla(163, 93%, 76%, 1)',
green400: 'hsla(161, 90%, 63%, 1)',
green500: 'hsla(159, 88%, 44%, 1)',
green600: 'hsla(158, 91%, 35%, 1)',
green700: 'hsla(156, 93%, 28%, 1)',
green800: 'hsla(154, 95%, 23%, 1)',
green900: 'hsla(152, 100%, 18%, 1)',
green999: 'hsla(150, 100%, 14%, 1)',
grey100: 'hsla(217, 33%, 97%, 1)',
grey200: 'hsla(215, 15%, 91%, 1)',
grey300: 'hsla(211, 16%, 82%, 1)',
grey400: 'hsla(212, 13%, 65%, 1)',
grey500: 'hsla(212, 10%, 53%, 1)',
grey600: 'hsla(212, 12%, 43%, 1)',
grey700: 'hsla(210, 14%, 37%, 1)',
grey800: 'hsla(210, 18%, 30%, 1)',
grey900: 'hsla(210, 20%, 25%, 1)',
grey999: 'hsla(211, 24%, 16%, 1)',
yellow100: 'hsl(49, 100%, 96%, 1)',
yellow200: 'hsl(48, 100%, 88%, 1)',
yellow300: 'hsl(48, 95%, 76%, 1)',
yellow400: 'hsl(48, 94%, 68%, 1)',
yellow500: 'hsl(44, 92%, 63%, 1)',
yellow600: 'hsl(42, 87%, 55%, 1)',
yellow700: 'hsl(36, 77%, 49%, 1)',
yellow800: 'hsl(29, 80%, 44%, 1)',
yellow900: 'hsl(22, 82%, 39%, 1)',
yellow999: 'hsl(15, 86%, 30%, 1)'
};
export const colour = [
'hsla(207, 65%, 39%, 1)', // Navy
'hsla(195, 49%, 51%, 1)', // Teal
'hsla(207, 69%, 79%, 1)', // Light Blue
'hsla(202, 28%, 65%, 1)', // Grey
'hsla(179, 37%, 65%, 1)', // Light Green
'hsla(40, 30%, 75%, 1)', // Tan
'hsla(38, 89%, 62%, 1)', // Yellow
'hsla(342, 40%, 40%, 1)', // Maroon
'hsla(207, 86%, 70%, 1)', // Blue
'hsla(160, 40%, 46%, 1)' // Green
//greyscale
//'#71777d', '#7e848a', '#8c9196', '#9a9fa3', '#a8acb0', '#b7babd', '#c5c8ca', '#d4d6d7', '#e3e4e5', '#f3f3f3'
];