Colors
The palette includes the primary brand colors as well as two complimentary tones in a range of tints and shades for use on the website, packaging, and additional brand materials. When using with text, all color pairings should have adequate contrast in accordance with WCAG 2.0 guidelines on contrast ratio.
Palette
Emerald
700
R 9
G 63
B 20
#093f14
600
R 31
G 114
B 52
#1f7234
500
R 26
G 145
B 78
#1a914e
400
R 91
G 193
B 125
#5bc17d
300
R 147
G 219
B 169
#93dba9
200
R 200
G 237
B 209
#c8edd1
100
R 231
G 247
B 234
#e7f7ea
Turquoise
700
R 21
G 68
B 71
#154447
600
R 48
G 108
B 114
#306c72
500
R 82
G 162
B 175
#52a2af
400
R 137
G 193
B 206
#89c1ce
300
R 193
G 235
B 247
#c1ebf7
200
R 220
G 243
B 249
#dcf3f9
100
R 235
G 249
B 252
#ebf9fc
Copper
700
R 86
G 34
B 17
#562211
600
R 137
G 69
B 40
#894528
500
R 181
G 109
B 72
#b56d48
400
R 216
G 141
B 100
#d88d64
300
R 248
G 184
B 144
#f8b890
200
R 249
G 213
B 192
#f9d5c0
100
R 249
G 238
B 232
#f9eee8
Midnight
700
R 24
G 37
B 73
#182549
600
R 53
G 67
B 119
#354377
500
R 83
G 100
B 145
#536491
400
R 123
G 139
B 173
#7b8bad
300
R 166
G 178
B 201
#a6b2c9
200
R 212
G 219
B 232
#d4dbe8
100
R 230
G 235
B 244
#e6ebf4
Other resources
- Building Your Color Palette [Refactoring UI]