Color

How to communicate, give feedback and help people visualize data.

For design guidelines and rules for using color on products, see our User Interface guidelines.

Hexachrome Black 36 36 36 #242424

1788 C 240 54 54 #F03636

1785 C 255 67 81 #FF4351

Cornershop UI 255 64 76 #FF404C 1787 C

Dark Black 43 43 43 #2B2B2B Neutral Black C

Black 74 74 74 #4A4A4A Black C

Dark Silver 136 139 144 #888B90 423 C

Silver 220 220 223 #DCDCDF Cool Gray 1 C

Blue 1 0 122 255 #007AFF 2727 C

Blue 2 130 199 230 #82C7E6 312 C

Blue 3 130 199 230 #82C7E6 305 C

Orange 255 149 0 #FF9500 1495 C

Yellow 255 204 0 #FFCC00 7548 C

Green 1 76 217 100 #4CD964 7479 C

Green 2 11 211 24 #0BD318 7481 C

Green 3 135 252 112 #87FC70 353 C

Purple 121 117 226 #7975E2 353 C

Niko Pink 255 102 123 #FF667B 1777 C

Danger Red 255 59 48 #FF3B30 032C