Loading...
Created at 10/26/2022 08:11
Website builder product design webflow dashboard colours
- Majorelle Blue#7640d7
- Lavender (Floral)#b08ae5
- Philippine Brown#5f191e
- Jelly Bean Blue#547c94
- Cadet Blue (Crayola)#a1b7c6
- Arsenic#3c3c44
The palette consists of Semi dark, Light, Dark colors. Accent colors Majorelle Blue #7640d7 and Lavender (Floral) #b08ae5. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #5F191E (darkest) to #B08AE5 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #3C3C44, #547C94, #5F191E, #7640D7, #A1B7C6, #B08AE5
Palette Website builder product design webflow dashboard colours has combination of 6 codes colors:
HEX: #7640d7, RGB: (118, 64, 215); HEX: #b08ae5, RGB: (176, 138, 229); HEX: #5f191e, RGB: (95, 25, 30)
HEX: #547c94, RGB: (84, 124, 148); HEX: #a1b7c6, RGB: (161, 183, 198); HEX: #3c3c44, RGB: (60, 60, 68)
Simplified version of palette colors
Shade of blueviolet, Shade of mediumpurple, Shade of Maroon, Tint of slategrey, Tint of lightsteelblue, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Website builder product design webflow dashboard colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #7640d7 | #7640d7 | RGB(118, 64, 215) | Majorelle Blue | — |
| #b08ae5 | #b08ae5 | RGB(176, 138, 229) | Lavender (Floral) | — |
| #5f191e | #5f191e | RGB(95, 25, 30) | Philippine Brown | — |
| #547c94 | #547c94 | RGB(84, 124, 148) | Jelly Bean Blue | — |
| #a1b7c6 | #a1b7c6 | RGB(161, 183, 198) | Cadet Blue (Crayola) | — |
| #3c3c44 | #3c3c44 | RGB(60, 60, 68) | Arsenic | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#7640d7 | #547c94 | 1.34 |
#7640d7 | #3c3c44 | 1.81 |
#b08ae5 | #547c94 | 1.62 |
#b08ae5 | #a1b7c6 | 1.32 |
#5f191e | #3c3c44 | 1.16 |
Image palette Website builder product design webflow dashboard colours png
Export Palette
Download the "Website builder product design webflow dashboard colours" in multiple formats for seamless integration into your design projects.
Available formats: