Created at 08/14/2025 08:43
Material Design color palette 18
- #fafafa
- #f5f5f5
- #eeeeee
- #e0e0e0
- #bdbdbd
- #9e9e9e
- #757575
- #616161
- #424242
- #212121
The palette consists of Light, Semi dark, Dark colors. Accent colors Dr. White #fafafa and White Smoke #f5f5f5. Palette has Neutral colors temperature.
By lightness, this palette runs from #212121 (darkest) to #FAFAFA (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature.
HEX codes (sorted): #212121, #424242, #616161, #757575, #9E9E9E, #BDBDBD, #E0E0E0, #EEEEEE, #F5F5F5, #FAFAFA
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, 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 | #fafafa | RGB(250, 250, 250) | — | Dr. White |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | — | White Smoke |
| #eeeeee | #eeeeee | RGB(238, 238, 238) | — | Super Silver |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | — | Gray88 |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | — | Gray74 |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | — | Gray62 |
| #757575 | #757575 | RGB(117, 117, 117) | — | Sonic Silver |
| #616161 | #616161 | RGB(97, 97, 97) | — | Gray38 |
| #424242 | #424242 | RGB(66, 66, 66) | — | Black Panther |
| #212121 | #212121 | RGB(33, 33, 33) | — | Lead |
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
Export Palette
Download the "Material Design color palette 18" in multiple formats for seamless integration into your design projects.
Available formats: