Loading...
Created at 08/03/2022 07:40
Ux design web app ui sign up figma
- Yellow Orange#fbb334
- Gypsy#e1936c
- Dark Cornflower Blue#2c4482
- Turkish Rose#ad658c
- Lavender Purple#9680ba
- Japanese Violet#603356
The palette consists of Light colors. Accent colors Yellow Orange #fbb334 and Dark Cornflower Blue #2c4482. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #603356 (darkest) to #E1936C (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #2C4482, #603356, #9680BA, #AD658C, #E1936C, #FBB334
Palette Ux design web app ui sign up figma has combination of 6 codes colors:
HEX: #fbb334, RGB: (251, 179, 52); HEX: #e1936c, RGB: (225, 147, 108); HEX: #2c4482, RGB: (44, 68, 130)
HEX: #ad658c, RGB: (173, 101, 140); HEX: #9680ba, RGB: (150, 128, 186); HEX: #603356, RGB: (96, 51, 86)
Simplified version of palette colors
Shade of Orange, Tint of darksalmon, Tint of darkslateblue, Tint of palevioletred, Shade of mediumpurple, Shade of Purple
Color scheme was created by colorswall
Colors codes in palette
Ux design web app ui sign up figma color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fbb334 | #fbb334 | RGB(251, 179, 52) | Yellow Orange | — |
| #e1936c | #e1936c | RGB(225, 147, 108) | Gypsy | — |
| #2c4482 | #2c4482 | RGB(44, 68, 130) | Dark Cornflower Blue | — |
| #ad658c | #ad658c | RGB(173, 101, 140) | Turkish Rose | — |
| #9680ba | #9680ba | RGB(150, 128, 186) | Lavender Purple | — |
| #603356 | #603356 | RGB(96, 51, 86) | Japanese Violet | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fbb334 | #e1936c | 1.35 |
#fbb334 | #9680ba | 1.9 |
#e1936c | #ad658c | 1.71 |
#e1936c | #9680ba | 1.4 |
#2c4482 | #603356 | 1.07 |
#ad658c | #9680ba | 1.21 |
Image palette Ux design web app ui sign up figma png
Export Palette
Download the "Ux design web app ui sign up figma" in multiple formats for seamless integration into your design projects.
Available formats: