Uxdesign minimal landingpage websitedesign palette
- Gold (Metallic)#e0a932
- Pale Red-Violet#e77b8e
- Maximum Blue Green#20bcb9
- Gold Fusion#847454
- Light Steel Blue#adbdd6
- Dark Slate Gray#2c5057
Created at 09/02/2022 13:03
The palette consists of Light, Semi dark colors. Accent colors Gold (Metallic) #e0a932 and Maximum Blue Green #20bcb9. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #2C5057 (darkest) to #ADBDD6 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (3 warm, 3 cool).
HEX codes (sorted): #20BCB9, #2C5057, #847454, #ADBDD6, #E0A932, #E77B8E
Palette Uxdesign minimal landingpage websitedesign palette combines 6 color codes:
HEX: #e0a932, RGB: (224, 169, 50); HEX: #e77b8e, RGB: (231, 123, 142); HEX: #20bcb9, RGB: (32, 188, 185)
HEX: #847454, RGB: (132, 116, 84); HEX: #adbdd6, RGB: (173, 189, 214); HEX: #2c5057, RGB: (44, 80, 87)
Simplified version of palette colors
Tint of Goldenrod, Tint of Pale Violet Red, Tint of Light Sea Green, Shade of Grey, Shade of Light Steel Blue, Tint of Dark Slate Gray
Color scheme was created by colorswall
Color codes in palette
Uxdesign minimal landingpage websitedesign palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #e0a932 | #e0a932 | RGB(224, 169, 50) | Gold (Metallic) | — |
| #e77b8e | #e77b8e | RGB(231, 123, 142) | Pale Red-Violet | — |
| #20bcb9 | #20bcb9 | RGB(32, 188, 185) | Maximum Blue Green | — |
| #847454 | #847454 | RGB(132, 116, 84) | Gold Fusion | — |
| #adbdd6 | #adbdd6 | RGB(173, 189, 214) | Light Steel Blue | — |
| #2c5057 | #2c5057 | RGB(44, 80, 87) | Dark Slate Gray | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#e0a932 | #e77b8e | 1.29 |
#e0a932 | #20bcb9 | 1.1 |
#e0a932 | #adbdd6 | 1.11 |
#e77b8e | #20bcb9 | 1.17 |
#e77b8e | #847454 | 1.65 |
#e77b8e | #adbdd6 | 1.44 |
Image palette Uxdesign minimal landingpage websitedesign palette png
Export Palette
Download the "Uxdesign minimal landingpage websitedesign palette" in multiple formats for seamless integration into your design projects.
Available formats: