Created at 09/02/2022 09:30
Uiux checkout cart ux colors
- Orange (Web)#f9a305
- Topaz#fccc74
- Dark Bronze#815402
- Gray (HTML/CSS Gray)#7c7c7c
- Gray (X11)#bcbcbb
- Gray#444444
The palette consists of Light, Semi dark colors. Accent colors Orange (Web) #f9a305 and Dark Bronze #815402. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #815402 (darkest) to #BCBCBB (lightest). The lightness range is moderate.
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): #444444, #7C7C7C, #815402, #BCBCBB, #F9A305, #FCCC74
Palette Uiux checkout cart ux colors has combination of 6 codes colors:
HEX: #f9a305, RGB: (249, 163, 5); HEX: #fccc74, RGB: (252, 204, 116); HEX: #815402, RGB: (129, 84, 2)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #bcbcbb, RGB: (188, 188, 187); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of Orange, Tint of navajowhite, Shade of saddlebrown, Tint of Grey, Tint of Silver, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Uiux checkout cart ux colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f9a305 | #f9a305 | RGB(249, 163, 5) | Orange (Web) | — |
| #fccc74 | #fccc74 | RGB(252, 204, 116) | Topaz | — |
| #815402 | #815402 | RGB(129, 84, 2) | Dark Bronze | — |
| #7c7c7c | #7c7c7c | RGB(124, 124, 124) | Gray (HTML/CSS Gray) | — |
| #bcbcbb | #bcbcbb | RGB(188, 188, 187) | Gray (X11) | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f9a305 | #fccc74 | 1.36 |
#f9a305 | #bcbcbb | 1.07 |
#fccc74 | #bcbcbb | 1.26 |
#815402 | #7c7c7c | 1.57 |
#815402 | #444444 | 1.48 |
Image palette Uiux checkout cart ux colors png
Export Palette
Download the "Uiux checkout cart ux colors" in multiple formats for seamless integration into your design projects.
Available formats: