material design color palette 400
- Amour#ef5350
- #ec407a
- #ab47bc
- Fuchsia Blue#7e57c2
- #5c6bc0
- Adamantine Blue#42a5f5
- #29b6f6
- #26c6da
- #26a69a
- Forest Fern#66bb6a
- Be Spontaneous#9ccc65
- Maximum Green Yellow#d4e157
- Xanthe Yellow#ffee58
- Bumblebee#ffca28
- Honey Wax#ffa726
- Precious Persimmon#ff7043
material design color palette 400 has 16 colors spread across many hues. The lightest color is Xanthe Yellow (#FFEE58), the darkest Fuchsia Blue (#7E57C2). Its strongest contrast pair is #7E57C2 on #FFEE58 (4.3:1, WCAG AA for large text).
A sequential spectral scheme: the colors run in order across the full hue spectrum, like a rainbow.
By lightness, this palette runs from #7E57C2 (darkest) to #FFEE58 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 69% 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): #26A69A, #26C6DA, #29B6F6, #42A5F5, #5C6BC0, #66BB6A, #7E57C2, #9CCC65, #AB47BC, #D4E157, #EC407A, #EF5350, #FF7043, #FFA726, #FFCA28, #FFEE58
Color codes in palette
material design color palette 400 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Amour | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | — | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | — | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Fuchsia Blue | — |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | — | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Adamantine Blue | — |
| #29b6f6 | #29b6f6 | RGB(41, 182, 246) | — | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | — | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | — | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Forest Fern | — |
| #9ccc65 | #9ccc65 | RGB(156, 204, 101) | Be Spontaneous | — |
| #d4e157 | #d4e157 | RGB(212, 225, 87) | Maximum Green Yellow | — |
| #ffee58 | #ffee58 | RGB(255, 238, 88) | Xanthe Yellow | — |
| #ffca28 | #ffca28 | RGB(255, 202, 40) | Bumblebee | — |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | Honey Wax | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Precious Persimmon | — |
Color Palette Contrast
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ef5350 | #ec407a | 1.07 |
#ef5350 | #ab47bc | 1.38 |
#ef5350 | #7e57c2 | 1.49 |
#ef5350 | #5c6bc0 | 1.39 |
#ef5350 | #42a5f5 | 1.31 |
#ef5350 | #29b6f6 | 1.51 |
Image palette material design color palette 400 png
Export Palette
Available formats: