Created at 01/16/2024 08:56
  0.1k

Material Design Color Palette (18)

grey lighten-5
#fafafa
grey lighten-4
#f5f5f5
grey lighten-3
#eeeeee
grey lighten-2
#e0e0e0
grey lighten-1
#bdbdbd
grey
#9e9e9e
grey darken-1
#757575
grey darken-2
#616161
grey darken-3
#424242
grey darken-4
#212121
Sign In to save palette in collection
The palette consists of Light, Semi dark, Dark colors. Accent colors grey lighten-5 #fafafa and grey lighten-4 #f5f5f5. Palette has Neutral colors temperature.
Palette Material Design Color Palette (18) has combination of 10 codes colors:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #eeeeee, RGB: (238, 238, 238)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #757575, RGB: (117, 117, 117); HEX: #616161, RGB: (97, 97, 97); HEX: #424242, RGB: (66, 66, 66)
HEX: #212121, RGB: (33, 33, 33)
Simplified version of palette colors
Shade of whitesmoke, whitesmoke, Tint of whitesmoke, Shade of gainsboro, Tint of Silver, Tint of darkgrey, Shade of dimgrey, Tint of dimgrey, Tint of darkslategrey, Shade of Black
Color scheme was created by MyPalettes

Colors codes in palette

Material Design Color Palette (18) color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fafafa RGB(250, 250, 250)grey lighten-5Dr. White
#f5f5f5 RGB(245, 245, 245)grey lighten-4White Smoke
#eeeeee RGB(238, 238, 238)grey lighten-3Super Silver
#e0e0e0 RGB(224, 224, 224)grey lighten-2Gray88
#bdbdbd RGB(189, 189, 189)grey lighten-1Gray74
#9e9e9e RGB(158, 158, 158)greyGray62
#757575 RGB(117, 117, 117)grey darken-1Sonic Silver
#616161 RGB(97, 97, 97)grey darken-2Gray38
#424242 RGB(66, 66, 66)grey darken-3Black Panther
#212121 RGB(33, 33, 33)grey darken-4Lead

Color Palette Contrast

15 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fafafa
#f5f5f5
1.04
#fafafa
#eeeeee
1.11
#fafafa
#e0e0e0
1.26
#fafafa
#bdbdbd
1.79
#f5f5f5
#eeeeee
1.06
#f5f5f5
#e0e0e0
1.21

Image palette Material Design Color Palette (18) png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes