Created at 10/16/2024 10:49
  1

Material Design color palette

Bái Sè White
#eceff1
Hinting Blue
#cfd8dc
Ocean Drive
#b0bec5
Galleria Blue
#90a4ae
Sheltered Bay
#78909c
lightskyblue4
#607d8b
Blue Sentinel
#546e7a
Midnight in the Tropics
#455a64
Azul Petróleo
#37474f
Chimney Sweep
#263238
Sign In to save palette in collection
The palette consists of Light, Semi dark, Dark colors. Accent colors Blue Sentinel #546e7a and Chimney Sweep #263238. Palette has Neutral, Cool colors temperature.
Palette Material Design color palette has combination of 10 codes colors:
HEX: #eceff1, RGB: (236, 239, 241); HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #78909c, RGB: (120, 144, 156); HEX: #607d8b, RGB: (96, 125, 139)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #455a64, RGB: (69, 90, 100); HEX: #37474f, RGB: (55, 71, 79)
HEX: #263238, RGB: (38, 50, 56)
Simplified version of palette colors
Tint of whitesmoke, Shade of lightgrey, Tint of Silver, Tint of darkgrey, Shade of lightslategrey, Tint of slategrey, Tint of slategrey, Shade of darkslategrey, Tint of darkslategrey, Tint of darkslategrey
Color scheme was created by MyPalettes

Colors codes in palette

Material Design color palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eceff1 RGB(236, 239, 241)Bái Sè White
#cfd8dc RGB(207, 216, 220)Hinting Blue
#b0bec5 RGB(176, 190, 197)Ocean Drive
#90a4ae RGB(144, 164, 174)Galleria Blue
#78909c RGB(120, 144, 156)Sheltered Bay
#607d8b RGB(96, 125, 139)lightskyblue4
#546e7a RGB(84, 110, 122)Blue Sentinel
#455a64 RGB(69, 90, 100)Midnight in the Tropics
#37474f RGB(55, 71, 79)Azul Petróleo
#263238 RGB(38, 50, 56)Chimney Sweep

Color Palette Contrast

17 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eceff1
#cfd8dc
1.25
#eceff1
#b0bec5
1.65
#cfd8dc
#b0bec5
1.31
#cfd8dc
#90a4ae
1.78
#b0bec5
#90a4ae
1.35
#b0bec5
#78909c
1.75

Image palette Material Design color palette 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