ASCII text
1
// based color palette:
2
// https://material.google.com/style/color.html#color-color-palette
3
// Red
5
$red_50: #FFEBEE;
6
$red_100: #FFCDD2;
7
$red_200: #EF9A9A;
8
$red_300: #E57373;
9
$red_400: #EF5350;
10
$red_500: #F44336;
11
$red_600: #E53935;
12
$red_700: #D32F2F;
13
$red_800: #C62828;
14
$red_900: #B71C1C;
15
$red_A100: #FF8A80;
16
$red_A200: #FF5252;
17
$red_A400: #FF1744;
18
$red_A700: #D50000;
19
// Pink
21
$pink_50: #FCE4EC;
22
$pink_100: #F8BBD0;
23
$pink_200: #F48FB1;
24
$pink_300: #F06292;
25
$pink_400: #EC407A;
26
$pink_500: #E91E63;
27
$pink_600: #D81B60;
28
$pink_700: #C2185B;
29
$pink_800: #AD1457;
30
$pink_900: #880E4F;
31
$pink_A100: #FF80AB;
32
$pink_A200: #FF4081;
33
$pink_A400: #F50057;
34
$pink_A700: #C51162;
35
// Purple
37
$purple_50: #F3E5F5;
38
$purple_100: #E1BEE7;
39
$purple_200: #CE93D8;
40
$purple_300: #BA68C8;
41
$purple_400: #AB47BC;
42
$purple_500: #9C27B0;
43
$purple_600: #8E24AA;
44
$purple_700: #7B1FA2;
45
$purple_800: #6A1B9A;
46
$purple_900: #4A148C;
47
$purple_A100: #EA80FC;
48
$purple_A200: #E040FB;
49
$purple_A400: #D500F9;
50
$purple_A700: #AA00FF;
51
// Deep Purple
53
$deep_purple_50: #EDE7F6;
54
$deep_purple_100: #D1C4E9;
55
$deep_purple_200: #B39DDB;
56
$deep_purple_300: #9575CD;
57
$deep_purple_400: #7E57C2;
58
$deep_purple_500: #673AB7;
59
$deep_purple_600: #5E35B1;
60
$deep_purple_700: #512DA8;
61
$deep_purple_800: #4527A0;
62
$deep_purple_900: #311B92;
63
$deep_purple_A100: #B388FF;
64
$deep_purple_A200: #7C4DFF;
65
$deep_purple_A400: #651FFF;
66
$deep_purple_A700: #6200EA;
67
// Indigo
69
$indigo_50: #E8EAF6;
70
$indigo_100: #C5CAE9;
71
$indigo_200: #9FA8DA;
72
$indigo_300: #7986CB;
73
$indigo_400: #5C6BC0;
74
$indigo_500: #3F51B5;
75
$indigo_600: #3949AB;
76
$indigo_700: #303F9F;
77
$indigo_800: #283593;
78
$indigo_900: #1A237E;
79
$indigo_A100: #8C9EFF;
80
$indigo_A200: #536DFE;
81
$indigo_A400: #3D5AFE;
82
$indigo_A700: #304FFE;
83
// Blue
85
$blue_50: #E3F2FD;
86
$blue_100: #BBDEFB;
87
$blue_200: #90CAF9;
88
$blue_300: #64B5F6;
89
$blue_400: #42A5F5;
90
$blue_500: #2196F3;
91
$blue_600: #1E88E5;
92
$blue_700: #1976D2;
93
$blue_800: #1565C0;
94
$blue_900: #0D47A1;
95
$blue_A100: #82B1FF;
96
$blue_A200: #448AFF;
97
$blue_A400: #2979FF;
98
$blue_A700: #2962FF;
99
// Light Blue
101
$light_blue_50: #E1F5FE;
102
$light_blue_100: #B3E5FC;
103
$light_blue_200: #81D4FA;
104
$light_blue_300: #4FC3F7;
105
$light_blue_400: #29B6F6;
106
$light_blue_500: #03A9F4;
107
$light_blue_600: #039BE5;
108
$light_blue_700: #0288D1;
109
$light_blue_800: #0277BD;
110
$light_blue_900: #01579B;
111
$light_blue_A100: #80D8FF;
112
$light_blue_A200: #40C4FF;
113
$light_blue_A400: #00B0FF;
114
$light_blue_A700: #0091EA;
115
// Cyan
117
$cyan_50: #E0F7FA;
118
$cyan_100: #B2EBF2;
119
$cyan_200: #80DEEA;
120
$cyan_300: #4DD0E1;
121
$cyan_400: #26C6DA;
122
$cyan_500: #00BCD4;
123
$cyan_600: #00ACC1;
124
$cyan_700: #0097A7;
125
$cyan_800: #00838F;
126
$cyan_900: #006064;
127
$cyan_A100: #84FFFF;
128
$cyan_A200: #18FFFF;
129
$cyan_A400: #00E5FF;
130
$cyan_A700: #00B8D4;
131
// Teal
133
$teal_50: #E0F2F1;
134
$teal_100: #B2DFDB;
135
$teal_200: #80CBC4;
136
$teal_300: #4DB6AC;
137
$teal_400: #26A69A;
138
$teal_500: #009688;
139
$teal_600: #00897B;
140
$teal_700: #00796B;
141
$teal_800: #00695C;
142
$teal_900: #004D40;
143
$teal_A100: #A7FFEB;
144
$teal_A200: #64FFDA;
145
$teal_A400: #1DE9B6;
146
$teal_A700: #00BFA5;
147
// Green
149
$green_50: #E8F5E9;
150
$green_100: #C8E6C9;
151
$green_200: #A5D6A7;
152
$green_300: #81C784;
153
$green_400: #66BB6A;
154
$green_500: #4CAF50;
155
$green_600: #43A047;
156
$green_700: #388E3C;
157
$green_800: #2E7D32;
158
$green_900: #1B5E20;
159
$green_A100: #B9F6CA;
160
$green_A200: #69F0AE;
161
$green_A400: #00E676;
162
$green_A700: #00C853;
163
// Light Green
165
$light_green_50: #F1F8E9;
166
$light_green_100: #DCEDC8;
167
$light_green_200: #C5E1A5;
168
$light_green_300: #AED581;
169
$light_green_400: #9CCC65;
170
$light_green_500: #8BC34A;
171
$light_green_600: #7CB342;
172
$light_green_700: #689F38;
173
$light_green_800: #558B2F;
174
$light_green_900: #33691E;
175
$light_green_A100: #CCFF90;
176
$light_green_A200: #B2FF59;
177
$light_green_A400: #76FF03;
178
$light_green_A700: #64DD17;
179
// Lime
181
$lime_50: #F9FBE7;
182
$lime_100: #F0F4C3;
183
$lime_200: #E6EE9C;
184
$lime_300: #DCE775;
185
$lime_400: #D4E157;
186
$lime_500: #CDDC39;
187
$lime_600: #C0CA33;
188
$lime_700: #AFB42B;
189
$lime_800: #9E9D24;
190
$lime_900: #827717;
191
$lime_A100: #F4FF81;
192
$lime_A200: #EEFF41;
193
$lime_A400: #C6FF00;
194
$lime_A700: #AEEA00;
195
// Yellow
197
$yellow_50: #FFFDE7;
198
$yellow_100: #FFF9C4;
199
$yellow_200: #FFF59D;
200
$yellow_300: #FFF176;
201
$yellow_400: #FFEE58;
202
$yellow_500: #FFEB3B;
203
$yellow_600: #FDD835;
204
$yellow_700: #FBC02D;
205
$yellow_800: #F9A825;
206
$yellow_900: #F57F17;
207
$yellow_A100: #FFFF8D;
208
$yellow_A200: #FFFF00;
209
$yellow_A400: #FFEA00;
210
$yellow_A700: #FFD600;
211
// Amber
213
$amber_50: #FFF8E1;
214
$amber_100: #FFECB3;
215
$amber_200: #FFE082;
216
$amber_300: #FFD54F;
217
$amber_400: #FFCA28;
218
$amber_500: #FFC107;
219
$amber_600: #FFB300;
220
$amber_700: #FFA000;
221
$amber_800: #FF8F00;
222
$amber_900: #FF6F00;
223
$amber_A100: #FFE57F;
224
$amber_A200: #FFD740;
225
$amber_A400: #FFC400;
226
$amber_A700: #FFAB00;
227
// Orange
229
$orange_50: #FFF3E0;
230
$orange_100: #FFE0B2;
231
$orange_200: #FFCC80;
232
$orange_300: #FFB74D;
233
$orange_400: #FFA726;
234
$orange_500: #FF9800;
235
$orange_600: #FB8C00;
236
$orange_700: #F57C00;
237
$orange_800: #EF6C00;
238
$orange_900: #E65100;
239
$orange_A100: #FFD180;
240
$orange_A200: #FFAB40;
241
$orange_A400: #FF9100;
242
$orange_A700: #FF6D00;
243
// Deep Orange
245
$deep_orange_50: #FBE9E7;
246
$deep_orange_100: #FFCCBC;
247
$deep_orange_200: #FFAB91;
248
$deep_orange_300: #FF8A65;
249
$deep_orange_400: #FF7043;
250
$deep_orange_500: #FF5722;
251
$deep_orange_600: #F4511E;
252
$deep_orange_700: #E64A19;
253
$deep_orange_800: #D84315;
254
$deep_orange_900: #BF360C;
255
$deep_orange_A100: #FF9E80;
256
$deep_orange_A200: #FF6E40;
257
$deep_orange_A400: #FF3D00;
258
$deep_orange_A700: #DD2C00;
259
// Brown
261
$brown_50: #EFEBE9;
262
$brown_100: #D7CCC8;
263
$brown_200: #BCAAA4;
264
$brown_300: #A1887F;
265
$brown_400: #8D6E63;
266
$brown_500: #795548;
267
$brown_600: #6D4C41;
268
$brown_700: #5D4037;
269
$brown_800: #4E342E;
270
$brown_900: #3E2723;
271
// Grey
273
$grey_50: #FAFAFA;
274
$grey_100: #F5F5F5;
275
$grey_200: #EEEEEE;
276
$grey_300: #E0E0E0;
277
$grey_400: #BDBDBD;
278
$grey_500: #9E9E9E;
279
$grey_600: #757575;
280
$grey_700: #616161;
281
$grey_800: #424242;
282
$grey_900: #212121;
283
// Blue Grey
285
$blue_grey_50: #ECEFF1;
286
$blue_grey_100: #CFD8DC;
287
$blue_grey_200: #B0BEC5;
288
$blue_grey_300: #90A4AE;
289
$blue_grey_400: #78909C;
290
$blue_grey_500: #607D8B;
291
$blue_grey_600: #546E7A;
292
$blue_grey_700: #455A64;
293
$blue_grey_800: #37474F;
294
$blue_grey_900: #263238;
295
// Black
297
$black: #000000;
298
// White
300
$white: #FFFFFF;
301