Vector ux product design ui palette
- Marigold#eaa32f
- Deep Champagne#f2d1a3
- Dark Bronze#784f0c
- Pearly Purple#b564a5
- Dirty White#e3e1c5
- Gray#444444
Created at 03/20/2023 21:21
The palette consists of Light, Semi dark colors. Accent colors Marigold #eaa32f and Dark Bronze #784f0c. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #444444 (darkest) to #E3E1C5 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
The hues stay in one region of the color wheel, spanning about 104°.
Overall temperature among swatches leans warm (4 of 6).
HEX codes (sorted): #444444, #784F0C, #B564A5, #E3E1C5, #EAA32F, #F2D1A3
Palette Vector ux product design ui palette combines 6 color codes:
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
Shade of Orange, Shade of Navajo White, Shade of Saddle Brown, Tint of Medium Orchid, Shade of Beige, Shade of Dim Gray
Color scheme was created by raccoon
Color codes in palette
Vector ux product design ui palette color codes HEX, RGB information in table
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: