material design color palette 300
- Froly#e57373
- Medium Pink#f06292
- #ba68c8
- True V#9575cd
- Twilight Twinkle#7986cb
- steelblue1#64b5f6
- #4fc3f7
- #4dd0e1
- Emerald Wave#4db6ac
- Garden Stroll#81c784
- Wasabi#aed581
- Mindaro#dce775
- Golden Aurelia#fff176
- Habanero Gold#ffd54f
- Floral Leaf#ffb74d
- Protein High#ff8a65
Created at 12/22/2025 09:47
The palette consists of Light colors. Accent colors #4fc3f7 and Golden Aurelia #fff176. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #9575CD (darkest) to #FFF176 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 63% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (9 of 16).
HEX codes (sorted): #4DB6AC, #4DD0E1, #4FC3F7, #64B5F6, #7986CB, #81C784, #9575CD, #AED581, #BA68C8, #DCE775, #E57373, #F06292, #FF8A65, #FFB74D, #FFD54F, #FFF176
Palette material design color palette 300 combines 16 color codes:
HEX: #e57373, RGB: (229, 115, 115); HEX: #f06292, RGB: (240, 98, 146); HEX: #ba68c8, RGB: (186, 104, 200)
HEX: #9575cd, RGB: (149, 117, 205); HEX: #7986cb, RGB: (121, 134, 203); HEX: #64b5f6, RGB: (100, 181, 246)
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #4db6ac, RGB: (77, 182, 172)
HEX: #81c784, RGB: (129, 199, 132); HEX: #aed581, RGB: (174, 213, 129); HEX: #dce775, RGB: (220, 231, 117)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ffd54f, RGB: (255, 213, 79); HEX: #ffb74d, RGB: (255, 183, 77)
HEX: #ff8a65, RGB: (255, 138, 101)
Simplified version of palette colors
Shade of Light Coral, Shade of Pale Violet Red, Tint of Medium Orchid, Tint of Medium Purple, Shade of Cornflower Blue, Tint of Deep Sky Blue, Tint of Deep Sky Blue, Tint of Dark Turquoise, Tint of Light Sea Green, Tint of Dark Sea Green, Shade of Light Green, Shade of Khaki, Tint of Khaki, Tint of Gold, Tint of Orange, Tint of Coral
Color scheme was created by MyPalettes
Color codes in palette
material design color palette 300 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #e57373 | #e57373 | RGB(229, 115, 115) | Froly | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Medium Pink | — |
| #ba68c8 | #ba68c8 | RGB(186, 104, 200) | — | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | True V | — |
| #7986cb | #7986cb | RGB(121, 134, 203) | Twilight Twinkle | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | steelblue1 | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | — | — |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | — | — |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Emerald Wave | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Garden Stroll | — |
| #aed581 | #aed581 | RGB(174, 213, 129) | Wasabi | — |
| #dce775 | #dce775 | RGB(220, 231, 117) | Mindaro | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Golden Aurelia | — |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Habanero Gold | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Floral Leaf | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Protein High | — |
Color Palette Contrast
98 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#e57373 | #f06292 | 1.02 |
#e57373 | #ba68c8 | 1.19 |
#e57373 | #9575cd | 1.23 |
#e57373 | #7986cb | 1.15 |
#e57373 | #64b5f6 | 1.34 |
#e57373 | #4fc3f7 | 1.49 |
Image palette material design color palette 300 png
Export Palette
Download the "material design color palette 300" in multiple formats for seamless integration into your design projects.
Available formats: