Created at 10/24/2022 09:40
Signup log in login figma colours
- Ultramarine Blue#3c4cec
- Medium Slate Blue#6a75f0
- Dark Imperial Blue#0b1578
- Beaver#a48c74
- Light Steel Blue#b3b6d7
- Umber#5c4c44
The palette consists of Semi dark, Light, Dark colors. Accent colors Dark Imperial Blue #0b1578 and Beaver #a48c74. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #0B1578 (darkest) to #B3B6D7 (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 3 vivid out of 6 colors.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #0B1578, #3C4CEC, #5C4C44, #6A75F0, #A48C74, #B3B6D7
Palette Signup log in login figma colours has combination of 6 codes colors:
HEX: #3c4cec, RGB: (60, 76, 236); HEX: #6a75f0, RGB: (106, 117, 240); HEX: #0b1578, RGB: (11, 21, 120)
HEX: #a48c74, RGB: (164, 140, 116); HEX: #b3b6d7, RGB: (179, 182, 215); HEX: #5c4c44, RGB: (92, 76, 68)
Simplified version of palette colors
Tint of slateblue, Shade of mediumslateblue, Tint of midnightblue, Tint of tan, Tint of lightsteelblue, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Signup log in login figma colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #3c4cec | #3c4cec | RGB(60, 76, 236) | Ultramarine Blue | — |
| #6a75f0 | #6a75f0 | RGB(106, 117, 240) | Medium Slate Blue | — |
| #0b1578 | #0b1578 | RGB(11, 21, 120) | Dark Imperial Blue | — |
| #a48c74 | #a48c74 | RGB(164, 140, 116) | Beaver | — |
| #b3b6d7 | #b3b6d7 | RGB(179, 182, 215) | Light Steel Blue | — |
| #5c4c44 | #5c4c44 | RGB(92, 76, 68) | Umber | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#3c4cec | #6a75f0 | 1.57 |
#3c4cec | #a48c74 | 1.91 |
#3c4cec | #5c4c44 | 1.33 |
#6a75f0 | #a48c74 | 1.21 |
#6a75f0 | #b3b6d7 | 1.95 |
#0b1578 | #5c4c44 | 1.84 |
Image palette Signup log in login figma colours png
Export Palette
Download the "Signup log in login figma colours" in multiple formats for seamless integration into your design projects.
Available formats: