Purple palette Materialize CSS
- purple lighten-5#f3e5f5
- purple lighten-4#e1bee7
- purple lighten-3#ce93d8
- purple lighten-2#ba68c8
- purple lighten-1#ab47bc
- purple#9c27b0
- purple darken-1#8e24aa
- purple darken-2#7b1fa2
- purple darken-3#6a1b9a
- purple darken-4#4a148c
- purple accent-1#ea80fc
- purple accent-2#e040fb
- purple accent-3#d500f9
- purple accent-4#aa00ff
Created at 12/27/2017 19:59
The palette consists of Light, Semi dark, Dark colors. Accent colors purple accent-3 #d500f9 and purple accent-4 #aa00ff. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #4A148C (darkest) to #F3E5F5 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 64% of colors are vivid.
An analogous palette: its hues sit close together on the color wheel, within about 25°.
Overall temperature among swatches leans cool (13 of 14).
HEX codes (sorted): #4A148C, #6A1B9A, #7B1FA2, #8E24AA, #9C27B0, #AA00FF, #AB47BC, #BA68C8, #CE93D8, #D500F9, #E040FB, #E1BEE7, #EA80FC, #F3E5F5
Palette Purple palette Materialize CSS combines 14 color codes:
HEX: #f3e5f5, RGB: (243, 229, 245); HEX: #e1bee7, RGB: (225, 190, 231); HEX: #ce93d8, RGB: (206, 147, 216)
HEX: #ba68c8, RGB: (186, 104, 200); HEX: #ab47bc, RGB: (171, 71, 188); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #8e24aa, RGB: (142, 36, 170); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #6a1b9a, RGB: (106, 27, 154)
HEX: #4a148c, RGB: (74, 20, 140); HEX: #ea80fc, RGB: (234, 128, 252); HEX: #e040fb, RGB: (224, 64, 251)
HEX: #d500f9, RGB: (213, 0, 249); HEX: #aa00ff, RGB: (170, 0, 255)
Simplified version of palette colors
Shade of Lavender Blush, Tint of Thistle, Shade of Plum, Tint of Medium Orchid, Shade of Medium Orchid, Shade of Dark Orchid, Shade of Dark Orchid, Tint of Dark Magenta, Tint of Indigo, Tint of Indigo, Shade of Violet, Tint of Magenta, Shade of Magenta, Shade of Blue Violet
Color scheme was created by mz
Color codes in palette
Purple palette Materialize CSS color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f3e5f5 | #f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — |
| #e1bee7 | #e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — |
| #ce93d8 | #ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — |
| #ba68c8 | #ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | purple lighten-1 | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | purple | — |
| #8e24aa | #8e24aa | RGB(142, 36, 170) | purple darken-1 | — |
| #7b1fa2 | #7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — |
| #6a1b9a | #6a1b9a | RGB(106, 27, 154) | purple darken-3 | — |
| #4a148c | #4a148c | RGB(74, 20, 140) | purple darken-4 | — |
| #ea80fc | #ea80fc | RGB(234, 128, 252) | purple accent-1 | — |
| #e040fb | #e040fb | RGB(224, 64, 251) | purple accent-2 | — |
| #d500f9 | #d500f9 | RGB(213, 0, 249) | purple accent-3 | — |
| #aa00ff | #aa00ff | RGB(170, 0, 255) | purple accent-4 | Digital Violets |
Color Palette Contrast
45 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |
Image palette Purple palette Materialize CSS png
Export Palette
Download the "Purple palette Materialize CSS" in multiple formats for seamless integration into your design projects.
Available formats: