Created at 02/16/2023 17:18
Branding design ui vector palette
Gray (HTML/CSS Gray)
#7f7f7f
Gray (X11)
#bcbcbc
Gray
#424242
Gray (HTML/CSS Gray)
#7c7c7c
Gray
#444444
Goshawk Grey
#444444
The palette consists of Light colors. Accent colors Gray (HTML/CSS Gray) #7f7f7f and Gray (X11) #bcbcbc. Palette has Neutral colors temperature.
Palette Branding design ui vector palette has combination of 6 codes colors:
HEX: #7f7f7f, RGB: (127, 127, 127); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #424242, RGB: (66, 66, 66)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #444444, RGB: (68, 68, 68); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of Grey, Tint of Silver, Tint of darkslategrey, Tint of Grey, Tint of dimgrey, Tint of dimgrey
Color scheme was created by coolor
Colors codes in palette
Branding design ui vector palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #7f7f7f | #7f7f7f | RGB(127, 127, 127) | Gray (HTML/CSS Gray) | Gray50 |
| #bcbcbc | #bcbcbc | RGB(188, 188, 188) | Gray (X11) | — |
| #424242 | #424242 | RGB(66, 66, 66) | Gray | Black Panther |
| #7c7c7c | #7c7c7c | RGB(124, 124, 124) | Gray (HTML/CSS Gray) | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
| #444444 | #444444 | RGB(68, 68, 68) | Goshawk Grey | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#7f7f7f | #7c7c7c | 1.04 |
#424242 | #444444 | 1.03 |
#424242 | #444444 | 1.03 |
#444444 | #444444 | 1 |
Image palette Branding design ui vector palette png
Export Palette
Download the "Branding design ui vector palette" in multiple formats for seamless integration into your design projects.
Available formats: