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
100
R 219
G 248
B 220
#dbf8dc
200
R 203
G 246
B 213
#cbf6d5
300
R 158
G 244
B 182
#9ef4b6
400
R 117
G 228
B 153
#75e499
500
R 91
G 193
B 125
#5bc17d
600
R 81
G 173
B 112
#51ad70
700
R 65
G 141
B 90
#418d5a
800
R 47
G 105
B 66
#2f6942
900
R 28
G 68
B 41
#1c4429
Turquoise
100
R 222
G 243
B 249
#def3f9
200
R 210
G 240
B 248
#d2f0f8
300
R 193
G 235
B 247
#c1ebf7
400
R 116
G 217
B 244
#74d9f4
500
R 71
G 195
B 225
#47c3e1
600
R 59
G 166
B 192
#3ba6c0
700
R 46
G 135
B 156
#2e879c
800
R 33
G 100
B 117
#216475
900
R 18
G 65
B 76
#12414c
Copper
100
R 250
G 235
B 226
#faebe2
200
R 250
G 229
B 217
#fae5d9
300
R 249
G 212
B 190
#f9d4be
400
R 248
G 184
B 144
#f8b890
500
R 249
G 148
B 77
#f9944d
600
R 223
G 119
B 36
#df7724
700
R 182
G 96
B 28
#b6601c
800
R 137
G 70
B 17
#894611
900
R 90
G 44
B
#5a2c
Midnight
100
R 237
G 238
B 242
#edeef2
200
R 231
G 233
B 238
#e7e9ee
300
R 216
G 220
B 229
#d8dce5
400
R 194
G 201
B 216
#c2c9d8
500
R 167
G 177
B 199
#a7b1c7
600
R 123
G 139
B 173
#7b8bad
700
R 104
G 122
B 162
#687aa2
800
R 67
G 89
B 139
#43598b
900
R 41
G 57
B 94
#29395e
Citrine
100
R 253
G 243
B 209
#fdf3d1
200
R 250
G 234
B 164
#faeaa4
300
R 255
G 215
B 85
#ffd755
400
R 255
G 184
B 67
#ffb843
500
R 255
G 131
B
#ff83
Other resources
- Building Your Color Palette [Refactoring UI]