Created at 03/20/2023 21:21
Vector ux product design ui palette
- Marigold#eaa32f
- Deep Champagne#f2d1a3
- Dark Bronze#784f0c
- Pearly Purple#b564a5
- Dirty White#e3e1c5
- Gray#444444
The palette consists of Light, Semi dark colors. Accent colors Marigold #eaa32f and Dark Bronze #784f0c. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #784F0C (darkest) to #E3E1C5 (lightest). The lightness range is wide.
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 warm.
HEX codes (sorted): #444444, #784F0C, #B564A5, #E3E1C5, #EAA32F, #F2D1A3
Palette Vector ux product design ui palette has combination of 6 codes colors:
HEX: #eaa32f, RGB: (234, 163, 47); HEX: #f2d1a3, RGB: (242, 209, 163); HEX: #784f0c, RGB: (120, 79, 12)
HEX: #b564a5, RGB: (181, 100, 165); HEX: #e3e1c5, RGB: (227, 225, 197); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of Orange, Tint of navajowhite, Tint of saddlebrown, Shade of mediumorchid, Tint of beige, Tint of dimgrey
Color scheme was created by raccoon
Colors codes in palette
Vector ux product design ui palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #eaa32f | #eaa32f | RGB(234, 163, 47) | Marigold | — |
| #f2d1a3 | #f2d1a3 | RGB(242, 209, 163) | Deep Champagne | — |
| #784f0c | #784f0c | RGB(120, 79, 12) | Dark Bronze | — |
| #b564a5 | #b564a5 | RGB(181, 100, 165) | Pearly Purple | — |
| #e3e1c5 | #e3e1c5 | RGB(227, 225, 197) | Dirty White | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#eaa32f | #f2d1a3 | 1.47 |
#eaa32f | #b564a5 | 1.83 |
#eaa32f | #e3e1c5 | 1.62 |
#f2d1a3 | #e3e1c5 | 1.09 |
#784f0c | #b564a5 | 1.82 |
#784f0c | #444444 | 1.35 |
Image palette Vector ux product design ui palette png
Export Palette
Download the "Vector ux product design ui palette" in multiple formats for seamless integration into your design projects.
Available formats: