Created at 03/21/2023 15:46
Branding ux ui vector colors palette
Button Blue
#1f9bf8
Blue Jeans
#54bcf4
Dark Cerulean
#044b80
Polished Pine
#4ca08c
Pastel Blue
#accdd1
Dark Slate Gray
#365e5a
The palette consists of Light, Semi dark colors. Accent colors Button Blue #1f9bf8 and Dark Cerulean #044b80. Palette has Cool colors temperature.
Palette Branding ux ui vector colors palette has combination of 6 codes colors:
HEX: #1f9bf8, RGB: (31, 155, 248); HEX: #54bcf4, RGB: (84, 188, 244); HEX: #044b80, RGB: (4, 75, 128)
HEX: #4ca08c, RGB: (76, 160, 140); HEX: #accdd1, RGB: (172, 205, 209); HEX: #365e5a, RGB: (54, 94, 90)
Simplified version of palette colors
Shade of dodgerblue, Shade of deepskyblue, Tint of darkslateblue, Tint of lightseagreen, Tint of lightblue, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Branding ux ui vector colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1f9bf8 | #1f9bf8 | RGB(31, 155, 248) | Button Blue | — |
| #54bcf4 | #54bcf4 | RGB(84, 188, 244) | Blue Jeans | — |
| #044b80 | #044b80 | RGB(4, 75, 128) | Dark Cerulean | — |
| #4ca08c | #4ca08c | RGB(76, 160, 140) | Polished Pine | — |
| #accdd1 | #accdd1 | RGB(172, 205, 209) | Pastel Blue | — |
| #365e5a | #365e5a | RGB(54, 94, 90) | Dark Slate Gray | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#1f9bf8 | #54bcf4 | 1.39 |
#1f9bf8 | #4ca08c | 1.05 |
#1f9bf8 | #accdd1 | 1.74 |
#54bcf4 | #4ca08c | 1.47 |
#54bcf4 | #accdd1 | 1.25 |
#044b80 | #365e5a | 1.25 |
