Created at 08/14/2025 08:36
Material Design color palette 7
- #e1f5fe
- #b3e5fc
- #81d4fa
- #4fc3f7
- #29b6f6
- #03a9f4
- #039be5
- #0288d1
- #0277bd
- #01579b
- #80d8ff
- #40c4ff
- #00b0ff
- #0091ea
The palette consists of Light, Semi dark colors. Accent colors #80d8ff and #40c4ff. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #01579B (darkest) to #E1F5FE (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0091EA, #00B0FF, #01579B, #0277BD, #0288D1, #039BE5, #03A9F4, #29B6F6, #40C4FF, #4FC3F7, #80D8FF, #81D4FA, #B3E5FC, #E1F5FE
Palette Material Design color palette 7 has combination of 14 codes colors:
HEX: #e1f5fe, RGB: (225, 245, 254); HEX: #b3e5fc, RGB: (179, 229, 252); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #29b6f6, RGB: (41, 182, 246); HEX: #03a9f4, RGB: (3, 169, 244)
HEX: #039be5, RGB: (3, 155, 229); HEX: #0288d1, RGB: (2, 136, 209); HEX: #0277bd, RGB: (2, 119, 189)
HEX: #01579b, RGB: (1, 87, 155); HEX: #80d8ff, RGB: (128, 216, 255); HEX: #40c4ff, RGB: (64, 196, 255)
HEX: #00b0ff, RGB: (0, 176, 255); HEX: #0091ea, RGB: (0, 145, 234)
Simplified version of palette colors
Tint of azure, Shade of lightblue, Shade of skyblue, Shade of deepskyblue, Shade of deepskyblue, Tint of deepskyblue, Tint of dodgerblue, Tint of steelblue, Tint of steelblue, Tint of royalblue, Shade of skyblue, Shade of deepskyblue, Tint of deepskyblue, Tint of dodgerblue
Color scheme was created by MyPalettes
Colors codes in palette
Material Design color palette 7 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e1f5fe | #e1f5fe | RGB(225, 245, 254) | — | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | — | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | — | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | — | — |
| #29b6f6 | #29b6f6 | RGB(41, 182, 246) | — | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | — | — |
| #039be5 | #039be5 | RGB(3, 155, 229) | — | — |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | — | — |
| #0277bd | #0277bd | RGB(2, 119, 189) | — | — |
| #01579b | #01579b | RGB(1, 87, 155) | — | — |
| #80d8ff | #80d8ff | RGB(128, 216, 255) | — | — |
| #40c4ff | #40c4ff | RGB(64, 196, 255) | — | — |
| #00b0ff | #00b0ff | RGB(0, 176, 255) | — | — |
| #0091ea | #0091ea | RGB(0, 145, 234) | — | — |
Color Palette Contrast
60 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |
Image palette Material Design color palette 7 png
Export Palette
Download the "Material Design color palette 7" in multiple formats for seamless integration into your design projects.
Available formats: