Created at 02/19/2022 20:18
Design parallax scroll web ux colors palette
- Medium Sea Green#47ae5e
- Eton Blue#84cc9c
- Sea Green#249544
- Beaver#9d8267
- Light Moss Green#abd6b3
- Outer Space#434c44
The palette consists of Light colors. Accent colors Medium Sea Green #47ae5e and Sea Green #249544. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #434C44 (darkest) to #ABD6B3 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hues sit in a neighboring band on the wheel (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #249544, #434C44, #47AE5E, #84CC9C, #9D8267, #ABD6B3
Palette Design parallax scroll web ux colors palette has combination of 6 codes colors:
HEX: #47ae5e, RGB: (71, 174, 94); HEX: #84cc9c, RGB: (132, 204, 156); HEX: #249544, RGB: (36, 149, 68)
HEX: #9d8267, RGB: (157, 130, 103); HEX: #abd6b3, RGB: (171, 214, 179); HEX: #434c44, RGB: (67, 76, 68)
Simplified version of palette colors
Tint of mediumseagreen, Shade of darkseagreen, Shade of forestgreen, Shade of Grey, Shade of darkseagreen, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Design parallax scroll web ux colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #47ae5e | #47ae5e | RGB(71, 174, 94) | Medium Sea Green | — |
| #84cc9c | #84cc9c | RGB(132, 204, 156) | Eton Blue | — |
| #249544 | #249544 | RGB(36, 149, 68) | Sea Green | — |
| #9d8267 | #9d8267 | RGB(157, 130, 103) | Beaver | — |
| #abd6b3 | #abd6b3 | RGB(171, 214, 179) | Light Moss Green | — |
| #434c44 | #434c44 | RGB(67, 76, 68) | Outer Space | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#47ae5e | #84cc9c | 1.48 |
#47ae5e | #249544 | 1.37 |
#47ae5e | #9d8267 | 1.28 |
#47ae5e | #abd6b3 | 1.73 |
#84cc9c | #9d8267 | 1.9 |
#84cc9c | #abd6b3 | 1.17 |
Image palette Design parallax scroll web ux colors palette png
Export Palette
Download the "Design parallax scroll web ux colors palette" in multiple formats for seamless integration into your design projects.
Available formats: