Generate Palette
  1. Colors palettes
  2. Vector design web ui colors
Created at 04/10/2023 18:07
bycolorstudio
  57

Vector design web ui colors

  • Vermilion (Plochere)
    #d83d15
  • Orange Soda
    #fb5a43
  • CG Blue
    #1678a7
  • Liberty
    #5c61a4
  • Dust Storm
    #e1cac5
  • Deep Koamaru
    #2c3057
The palette consists of Semi dark, Light, Dark colors. Accent colors Orange Soda #fb5a43 and CG Blue #1678a7. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2C3057 (darkest) to #E1CAC5 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

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): #1678A7, #2C3057, #5C61A4, #D83D15, #E1CAC5, #FB5A43

Palette Vector design web ui colors has combination of 6 codes colors:
HEX: #d83d15, RGB: (216, 61, 21); HEX: #fb5a43, RGB: (251, 90, 67); HEX: #1678a7, RGB: (22, 120, 167)
HEX: #5c61a4, RGB: (92, 97, 164); HEX: #e1cac5, RGB: (225, 202, 197); HEX: #2c3057, RGB: (44, 48, 87)
Simplified version of palette colors
Shade of Red, Tint of tomato, Tint of steelblue, Tint of slateblue, Tint of mistyrose, Tint of darkslateblue
Color scheme was created by colorstudio

Colors codes in palette

Vector design web ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d83d15 #d83d15 RGB(216, 61, 21)Vermilion (Plochere)—
#fb5a43 #fb5a43 RGB(251, 90, 67)Orange Soda—
#1678a7 #1678a7 RGB(22, 120, 167)CG Blue—
#5c61a4 #5c61a4 RGB(92, 97, 164)Liberty—
#e1cac5 #e1cac5 RGB(225, 202, 197)Dust Storm—
#2c3057 #2c3057 RGB(44, 48, 87)Deep Koamaru—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d83d15
#fb5a43
1.44
#d83d15
#1678a7
1.07
#d83d15
#5c61a4
1.24
#fb5a43
#1678a7
1.55
#fb5a43
#5c61a4
1.79
#1678a7
#5c61a4
1.15

Image palette Vector design web ui colors png

Vector design web ui colors - #252016
 Download image