Loading...
Created at 04/21/2023 09:34
Swap ux app experience design palette
- Black#141414
- Black#000000
- Soap#c8c8f0
- Pale Lavender#dcdcff
- Majorelle Blue#5050dc
- White#ffffff
The palette consists of Dark, Light, Semi dark colors. Accent colors Pale Lavender #dcdcff and White #ffffff. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #000000 (darkest) to #FFFFFF (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).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #000000, #141414, #5050DC, #C8C8F0, #DCDCFF, #FFFFFF
Palette Swap ux app experience design palette has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #000000, RGB: (0, 0, 0); HEX: #c8c8f0, RGB: (200, 200, 240)
HEX: #dcdcff, RGB: (220, 220, 255); HEX: #5050dc, RGB: (80, 80, 220); HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Shade of Black, Black, Tint of lavender, Tint of lavender, Tint of slateblue, White
Color scheme was created by colorhunt
Colors codes in palette
Swap ux app experience design palette color codes HEX, RGB information in table
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#141414 | #000000 | 1.13 |
#c8c8f0 | #dcdcff | 1.21 |
#c8c8f0 | #ffffff | 1.61 |
#dcdcff | #ffffff | 1.33 |
Image palette Swap ux app experience design palette png
Export Palette
Download the "Swap ux app experience design palette" in multiple formats for seamless integration into your design projects.
Available formats: