Created at 07/26/2018 20:29
Modern Web app color palette
- #fefefe
- #dedae3
- #86b9ce
- #7772e2
- #4274fd
- #62c799
- #fba66c
- #fdd149
The palette consists of Light colors. Accent colors #4274fd and #fdd149. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #4274FD (darkest) to #FEFEFE (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 4 vivid out of 8 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (4 of 8).
HEX codes (sorted): #4274FD, #62C799, #7772E2, #86B9CE, #DEDAE3, #FBA66C, #FDD149, #FEFEFE
Palette Modern Web app color palette combines 8 color codes:
HEX: #fefefe, RGB: (254, 254, 254); HEX: #dedae3, RGB: (222, 218, 227); HEX: #86b9ce, RGB: (134, 185, 206)
HEX: #7772e2, RGB: (119, 114, 226); HEX: #4274fd, RGB: (66, 116, 253); HEX: #62c799, RGB: (98, 199, 153)
HEX: #fba66c, RGB: (251, 166, 108); HEX: #fdd149, RGB: (253, 209, 73)
Simplified version of palette colors
Shade of White, Shade of lavender, Shade of skyblue, Tint of mediumslateblue, Tint of royalblue, Shade of mediumaquamarine, Tint of sandybrown, Tint of gold
Color scheme was created by colorswall
Color codes in palette
Modern Web app color palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fefefe | #fefefe | RGB(254, 254, 254) | — | White as Heaven |
| #dedae3 | #dedae3 | RGB(222, 218, 227) | — | — |
| #86b9ce | #86b9ce | RGB(134, 185, 206) | — | — |
| #7772e2 | #7772e2 | RGB(119, 114, 226) | — | — |
| #4274fd | #4274fd | RGB(66, 116, 253) | — | — |
| #62c799 | #62c799 | RGB(98, 199, 153) | — | — |
| #fba66c | #fba66c | RGB(251, 166, 108) | — | — |
| #fdd149 | #fdd149 | RGB(253, 209, 73) | — | — |
Color Palette Contrast
18 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fefefe | #dedae3 | 1.36 |
#fefefe | #fba66c | 1.93 |
#fefefe | #fdd149 | 1.44 |
#dedae3 | #86b9ce | 1.54 |
#dedae3 | #62c799 | 1.5 |
#dedae3 | #fba66c | 1.41 |
Image palette Modern Web app color palette png
Export Palette
Download the "Modern Web app color palette" in multiple formats for seamless integration into your design projects.
Available formats: