logo

Color Picker Github ↗

These colors are from the old Google Material Design Color Guideline ↗

Red

50

#FFEBEE

100

#FFCDD2

200

#EF9A9A

300

#E57373

400

#EF5350

500

#F44336

600

#E53935

700

#D32F2F

800

#C62828

900

#B71C1C

Pink

50

#FCE4EC

100

#F8BBD0

200

#F48FB1

300

#F06292

400

#EC407A

500

#E91E63

600

#D81B60

700

#C2185B

800

#AD1457

900

#880E4F

Purple

50

#F3E5F5

100

#E1BEE7

200

#CE93D8

300

#BA68C8

400

#AB47BC

500

#9C27B0

600

#8E24AA

700

#7B1FA2

800

#6A1B9A

900

#4A148C

Blue

50

#E3F2FD

100

#BBDEFB

200

#90CAF9

300

#64B5F6

400

#42A5F5

500

#2196F3

600

#1E88E5

700

#1976D2

800

#1565C0

900

#0D47A1

Deep Purple

50

#EDE7F6

100

#D1C4E9

200

#B39DDB

300

#9575CD

400

#7E57C2

500

#673AB7

600

#5E35B1

700

#512DA8

800

#4527A0

900

#311B92

Indigo

50

#E8EAF6

100

#C5CAE9

200

#9FA8DA

300

#7986CB

400

#5C6BC0

500

#3F51B5

600

#3949AB

700

#303F9F

800

#283593

900

#1A237E

Light Blue

50

#e1f5fe

100

#b3e5fc

200

#81d4fa

300

#4fc3f7

400

#29b6f6

500

#03a9f4

600

#039be5

700

#0288d1

800

#0277bd

900

#01579b

Cyan

50

#e0f7fa

100

#b2ebf2

200

#80deea

300

#4dd0e1

400

#26c6da

500

#00bcd4

600

#00acc1

700

#0097a7

800

#00838f

900

#006064

Teal

50

#e0f2f1

100

#b2dfdb

200

#80cbc4

300

#4db6ac

400

#26a69a

500

#009688

600

#00897b

700

#00796b

800

#00695c

900

#004d40

Green

50

#e8f5e9

100

#c8e6c9

200

#a5d6a7

300

#81c784

400

#66bb6a

500

#4caf50

600

#43a047

700

#388e3c

800

#2e7d32

900

#1b5e20

Light Green

50

#f1f8e9

100

#dcedc8

200

#c5e1a5

300

#aed581

400

#9ccc65

500

#8bc34a

600

#7cb342

700

#689f38

800

#558b2f

900

#33691e

Lime

50

#f9fbe7

100

#f0f4c3

200

#e6ee9c

300

#dce775

400

#d4e157

500

#cddc39

600

#c0ca33

700

#afb42b

800

#9e9d24

900

#827717

Yellow

50

#fffde7

100

#fff9c4

200

#fff59d

300

#fff176

400

#ffee58

500

#ffeb3b

600

#fdd835

700

#fbc02d

800

#f9a825

900

#f57f17

Amber

50

#fff8e1

100

#ffecb3

200

#ffe082

300

#ffd54f

400

#ffca28

500

#ffc107

600

#ffb300

700

#ffa000

800

#ff8f00

900

#ff6f00

Orange

50

#fff3e0

100

#ffe0b2

200

#ffcc80

300

#ffb74d

400

#ffa726

500

#ff9800

600

#fb8c00

700

#f57c00

800

#ef6c00

900

#e65100

Deep Orange

50

#fbe9e7

100

#ffccbc

200

#ffab91

300

#ff8a65

400

#ff7043

500

#ff5722

600

#f4511e

700

#e64a19

800

#d84315

900

#bf360c

Brown

50

#efebe9

100

#d7ccc8

200

#bcaaa4

300

#a1887f

400

#8d6e63

500

#795548

600

#6d4c41

700

#5d4037

800

#4e342e

900

#3e2723

Grey

50

#fafafa

100

#f5f5f5

200

#eeeeee

300

#e0e0e0

400

#bdbdbd

500

#9e9e9e

600

#757575

700

#616161

800

#424242

900

#212121

Blue Grey

50

#eceff1

100

#cfd8dc

200

#b0bec5

300

#90a4ae

400

#78909c

500

#607d8b

600

#546e7a

700

#455a64

800

#37474f

900

#263238