Created at 01/16/2024 08:57
Material Design Color Palette (19)
blue-grey lighten-5
#eceff1
blue-grey lighten-4
#cfd8dc
blue-grey lighten-3
#b0bec5
blue-grey lighten-2
#90a4ae
blue-grey lighten-1
#78909c
blue-grey
#607d8b
blue-grey darken-1
#546e7a
blue-grey darken-2
#455a64
blue-grey darken-3
#37474f
blue-grey darken-4
#263238
The palette consists of Light, Semi dark, Dark colors. Accent colors blue-grey darken-1 #546e7a and blue-grey darken-4 #263238. Palette has Neutral, Cool colors temperature.
Palette Material Design Color Palette (19) 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 (19) color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #eceff1 | RGB(236, 239, 241) | blue-grey lighten-5 | — | |
| #cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — | |
| #b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive | |
| #90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — | |
| #78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — | |
| #607d8b | RGB(96, 125, 139) | blue-grey | — | |
| #546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — | |
| #455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — | |
| #37474f | RGB(55, 71, 79) | blue-grey darken-3 | — | |
| #263238 | RGB(38, 50, 56) | blue-grey darken-4 | — |
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 |
