Created at 10/16/2024 10:48
Material Design color palette
Coconut White
#e8eaf6
Ace
#c5cae9
Sorbet Ice Mauve
#9fa8da
Twilight Twinkle
#7986cb
#5c6bc0
#3f51b5
Night in Manchester
#3949ab
#303f9f
Royal Night
#283593
Impression of Obscurity
#1a237e
Periwinkle Blue
#8c9eff
Blue Heath Butterfly
#536dfe
Hooloovoo Blue
#3d5afe
#304ffe
The palette consists of Light, Semi dark, Dark colors. Accent colors Periwinkle Blue #8c9eff and #304ffe. Palette has Neutral, Cool colors temperature.
Palette Material Design color palette 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 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e8eaf6 | RGB(232, 234, 246) | Coconut White | — | |
| #c5cae9 | RGB(197, 202, 233) | Ace | — | |
| #9fa8da | RGB(159, 168, 218) | Sorbet Ice Mauve | — | |
| #7986cb | RGB(121, 134, 203) | Twilight Twinkle | — | |
| #5c6bc0 | RGB(92, 107, 192) | — | — | |
| #3f51b5 | RGB(63, 81, 181) | — | — | |
| #3949ab | RGB(57, 73, 171) | Night in Manchester | — | |
| #303f9f | RGB(48, 63, 159) | — | — | |
| #283593 | RGB(40, 53, 147) | Royal Night | — | |
| #1a237e | RGB(26, 35, 126) | Impression of Obscurity | — | |
| #8c9eff | RGB(140, 158, 255) | Periwinkle Blue | — | |
| #536dfe | RGB(83, 109, 254) | Blue Heath Butterfly | — | |
| #3d5afe | RGB(61, 90, 254) | Hooloovoo Blue | — | |
| #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 |
