Ui design app layout wireframing colors
- #5545f2
- #b96cfc
- #212360
- #7962a7
- #c38ca6
- #554236
Created at 04/30/2021 15:03
The palette consists of Semi dark, Light, Dark colors. Accent colors #5545f2 and #b96cfc. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #212360 (darkest) to #C38CA6 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 2 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #212360, #554236, #5545F2, #7962A7, #B96CFC, #C38CA6
Palette Ui design app layout wireframing colors combines 6 color codes:
HEX: #5545f2, RGB: (85, 69, 242); HEX: #b96cfc, RGB: (185, 108, 252); HEX: #212360, RGB: (33, 35, 96)
HEX: #7962a7, RGB: (121, 98, 167); HEX: #c38ca6, RGB: (195, 140, 166); HEX: #554236, RGB: (85, 66, 54)
Simplified version of palette colors
Shade of Slate Blue, Tint of Medium Purple, Tint of Midnight Blue, Tint of Slate Blue, Tint of Pale Violet Red, Shade of Dim Gray
Color scheme was created by colorswall
Color codes in palette
Ui design app layout wireframing colors color codes HEX, RGB information in table
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#5545f2 | #b96cfc | 1.87 |
#5545f2 | #7962a7 | 1.17 |
#5545f2 | #554236 | 1.58 |
#b96cfc | #7962a7 | 1.6 |
#b96cfc | #c38ca6 | 1.15 |
#212360 | #554236 | 1.5 |
Image palette Ui design app layout wireframing colors png
Export Palette
Download the "Ui design app layout wireframing colors" in multiple formats for seamless integration into your design projects.
Available formats:
