Search

Material Design Colors

You are here:

Source: https://www.materialpalette.com/colors

wdt_ID Weight Red Pink Purple Deep Purple Indigo Blue Light Blue Cyan Teal Green Light Green Lime Yellow Amber Orange Deep Orange Brown Grey Blue Grey
2 50 #ffebee #fce4ec #f3e5f5 #ede7f6 #e8eaf6 #e3f2fd #e1f5fe #e0f7fa #e0f2f1 #e8f5e9 #f1f8e9 #f9fbe7 #fffde7 #fff8e1 #fff3e0 #fbe9e7 #efebe9 #fafafa #eceff1
3 100 #ffcdd2 #f8bbd0 #e1bee7 #d1c4e9 #c5cae9 #bbdefb #b3e5fc #b2ebf2 #b2dfdb #c8e6c9 #dcedc8 #f0f4c3 #fff9c4 #ffecb3 #ffe0b2 #ffccbc #d7ccc8 #f5f5f5 #cfd8dc
4 200 #ef9a9a #f48fb1 #ce93d8 #b39ddb #9fa8da #90caf9 #81d4fa #80deea #80cbc4 #a5d6a7 #c5e1a5 #e6ee9c #fff59d #ffe082 #ffcc80 #ffab91 #bcaaa4 #eeeeee #b0bec5
5 300 #e57373 #f06292 #ba68c8 #9575cd #7986cb #64b5f6 #4fc3f7 #4dd0e1 #4db6ac #81c784 #aed581 #dce775 #fff176 #ffd54f #ffb74d #ff8a65 #a1887f #e0e0e0 #90a4ae
6 400 #ef5350 #ec407a #ab47bc #7e57c2 #5c6bc0 #42a5f5 #29b6f6 #26c6da #26a69a #66bb6a #9ccc65 #d4e157 #ffee58 #ffca28 #ffa726 #ff7043 #8d6e63 #bdbdbd #78909c
7 500 #f44336 #e91e63 #9c27b0 #673ab7 #3f51b5 #2196f3 #03a9f4 #00bcd4 #009688 #4caf50 #8bc34a #cddc39 #ffeb3b #ffc107 #ff9800 #ff5722 #795548 #9e9e9e #607d8b
8 600 #e53935 #d81b60 #8e24aa #5e35b1 #3949ab #1e88e5 #039be5 #00acc1 #00897b #43a047 #7cb342 #c0ca33 #fdd835 #ffb300 #fb8c00 #f4511e #6d4c41 #757575 #546e7a
9 700 #d32f2f #c2185b #7b1fa2 #512da8 #303f9f #1976d2 #0288d1 #0097a7 #00796b #388e3c #689f38 #afb42b #fbc02d #ffa000 #f57c00 #e64a19 #5d4037 #616161 #455a64
10 800 #c62828 #ad1457 #6a1b9a #4527a0 #283593 #1565c0 #0277bd #00838f #00695c #2e7d32 #558b2f #9e9d24 #f9a825 #ff8f00 #ef6c00 #d84315 #4e342e #424242 #37474f
11 900 #b71c1c #880e4f #4a148c #311b92 #1a237e #0d47a1 #01579b #006064 #004d40 #1b5e20 #33691e #827717 #f57f17 #ff6f00 #e65100 #bf360c #3e2723 #212121 #263238
 Darker Green  #7cc576
 Brighter Green  #dce775
 Orange  #ffe082
Orange2 #ffecb3
Red #ef9a9a
Dark Blue1 #5182A4
Dark Blue2 #769fbc
Dark Blue3 #3b5e78
Bright Blue1 #bbdefb