Created at 03/03/2023 14:26
Vector ux web design colours
Magenta (Pantone)
#d53b7c
Pale Magenta-Pink
#fb97c6
Amaranth Purple
#ac1e54
Sonic Silver
#747474
Silver Pink
#cc9cb4
Black Olive
#3c3c3c
The palette consists of Semi dark, Light colors. Accent colors Pale Magenta-Pink #fb97c6 and Amaranth Purple #ac1e54. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #3C3C3C (darkest) to #FB97C6 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #3C3C3C, #747474, #AC1E54, #CC9CB4, #D53B7C, #FB97C6
Palette Vector ux web design colours has combination of 6 codes colors:
HEX: #d53b7c, RGB: (213, 59, 124); HEX: #fb97c6, RGB: (251, 151, 198); HEX: #ac1e54, RGB: (172, 30, 84)
HEX: #747474, RGB: (116, 116, 116); HEX: #cc9cb4, RGB: (204, 156, 180); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Shade of mediumvioletred, Shade of plum, Tint of mediumvioletred, Shade of dimgrey, Tint of plum, Tint of darkslategrey
Color scheme was created by palettespicker
Colors codes in palette
Vector ux web design colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d53b7c | #d53b7c | RGB(213, 59, 124) | Magenta (Pantone) | — |
| #fb97c6 | #fb97c6 | RGB(251, 151, 198) | Pale Magenta-Pink | — |
| #ac1e54 | #ac1e54 | RGB(172, 30, 84) | Amaranth Purple | — |
| #747474 | #747474 | RGB(116, 116, 116) | Sonic Silver | — |
| #cc9cb4 | #cc9cb4 | RGB(204, 156, 180) | Silver Pink | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d53b7c | #ac1e54 | 1.54 |
#d53b7c | #747474 | 1.05 |
#d53b7c | #cc9cb4 | 1.89 |
#fb97c6 | #cc9cb4 | 1.15 |
#ac1e54 | #747474 | 1.46 |
#ac1e54 | #3c3c3c | 1.61 |
Image palette Vector ux web design colours png
Export Palette
Download the "Vector ux web design colours" in multiple formats for seamless integration into your design projects.
Available formats: