Created at 08/14/2025 08:35
Material Design color palette 5
- #e8eaf6
- #c5cae9
- #9fa8da
- #7986cb
- #5c6bc0
- #3f51b5
- #3949ab
- #303f9f
- #283593
- #1a237e
- #8c9eff
- #536dfe
- #3d5afe
- #304ffe
The palette consists of Light, Semi dark, Dark colors. Accent colors #8c9eff and #304ffe. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #1A237E (darkest) to #E8EAF6 (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1A237E, #283593, #303F9F, #304FFE, #3949AB, #3D5AFE, #3F51B5, #536DFE, #5C6BC0, #7986CB, #8C9EFF, #9FA8DA, #C5CAE9, #E8EAF6
Palette Material Design color palette 5 has combination of 14 codes colors:
HEX: #e8eaf6, RGB: (232, 234, 246); HEX: #c5cae9, RGB: (197, 202, 233); HEX: #9fa8da, RGB: (159, 168, 218)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #3949ab, RGB: (57, 73, 171); HEX: #303f9f, RGB: (48, 63, 159); HEX: #283593, RGB: (40, 53, 147)
HEX: #1a237e, RGB: (26, 35, 126); HEX: #8c9eff, RGB: (140, 158, 255); HEX: #536dfe, RGB: (83, 109, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #304ffe, RGB: (48, 79, 254)
Simplified version of palette colors
Shade of lavender, Shade of lightsteelblue, Tint of lightsteelblue, Tint of cornflowerblue, Shade of royalblue, Tint of slateblue, Shade of darkslateblue, Tint of darkslateblue, Tint of darkslateblue, Shade of midnightblue, Shade of cornflowerblue, Shade of royalblue, Tint of royalblue, Tint of slateblue
Color scheme was created by MyPalettes
Colors codes in palette
Material Design color palette 5 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e8eaf6 | #e8eaf6 | RGB(232, 234, 246) | — | — |
| #c5cae9 | #c5cae9 | RGB(197, 202, 233) | — | — |
| #9fa8da | #9fa8da | RGB(159, 168, 218) | — | — |
| #7986cb | #7986cb | RGB(121, 134, 203) | — | — |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | — | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | — | — |
| #3949ab | #3949ab | RGB(57, 73, 171) | — | — |
| #303f9f | #303f9f | RGB(48, 63, 159) | — | — |
| #283593 | #283593 | RGB(40, 53, 147) | — | — |
| #1a237e | #1a237e | RGB(26, 35, 126) | — | — |
| #8c9eff | #8c9eff | RGB(140, 158, 255) | — | — |
| #536dfe | #536dfe | RGB(83, 109, 254) | — | — |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | — | — |
| #304ffe | #304ffe | RGB(48, 79, 254) | — | — |
Color Palette Contrast
43 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
Image palette Material Design color palette 5 png
Export Palette
Download the "Material Design color palette 5" in multiple formats for seamless integration into your design projects.
Available formats: