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 #62C799 (darkest) to #FEFEFE (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #4274FD, #62C799, #7772E2, #86B9CE, #DEDAE3, #FBA66C, #FDD149, #FEFEFE
Palette Modern Web app color palette has combination of 8 codes colors:
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
Tint of White, Tint of lavender, Tint of skyblue, Shade of mediumslateblue, Shade of royalblue, Tint of mediumaquamarine, Shade of sandybrown, Shade of gold
Color scheme was created by colorswall
Colors 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: