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

Material Design Color Palette (17)

brown lighten-5
#efebe9
brown lighten-4
#d7ccc8
brown lighten-3
#bcaaa4
brown lighten-2
#a1887f
brown lighten-1
#8d6e63
brown
#795548
brown darken-1
#6d4c41
brown darken-2
#5d4037
brown darken-3
#4e342e
brown darken-4
#3e2723
Sign In to save palette in collection
The palette consists of Light, Semi dark, Dark colors. Accent colors brown darken-3 #4e342e and brown darken-4 #3e2723. Palette has Neutral, Warm colors temperature.
Palette Material Design Color Palette (17) has combination of 10 codes colors:
HEX: #efebe9, RGB: (239, 235, 233); HEX: #d7ccc8, RGB: (215, 204, 200); HEX: #bcaaa4, RGB: (188, 170, 164)
HEX: #a1887f, RGB: (161, 136, 127); HEX: #8d6e63, RGB: (141, 110, 99); HEX: #795548, RGB: (121, 85, 72)
HEX: #6d4c41, RGB: (109, 76, 65); HEX: #5d4037, RGB: (93, 64, 55); HEX: #4e342e, RGB: (78, 52, 46)
HEX: #3e2723, RGB: (62, 39, 35)
Simplified version of palette colors
Tint of whitesmoke, Tint of lightgrey, Shade of darkgrey, Tint of rosybrown, Shade of sienna, Tint of sienna, Shade of saddlebrown, Tint of saddlebrown, Shade of Maroon, Shade of Black
Color scheme was created by MyPalettes

Colors codes in palette

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

Color HEX RGB Name Alternative name
#efebe9 RGB(239, 235, 233)brown lighten-5
#d7ccc8 RGB(215, 204, 200)brown lighten-4
#bcaaa4 RGB(188, 170, 164)brown lighten-3
#a1887f RGB(161, 136, 127)brown lighten-2
#8d6e63 RGB(141, 110, 99)brown lighten-1
#795548 RGB(121, 85, 72)brown
#6d4c41 RGB(109, 76, 65)brown darken-1
#5d4037 RGB(93, 64, 55)brown darken-2
#4e342e RGB(78, 52, 46)brown darken-3
#3e2723 RGB(62, 39, 35)brown darken-4

Color Palette Contrast

17 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#efebe9
#d7ccc8
1.32
#efebe9
#bcaaa4
1.88
#d7ccc8
#bcaaa4
1.41
#bcaaa4
#a1887f
1.48
#a1887f
#8d6e63
1.39
#a1887f
#795548
1.97

Image palette Material Design Color Palette (17) 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