Created at 04/20/2023 13:24
  75

Ui graphic design palette

  • Black
    #141414
  • White
    #ffffff
  • Royal Blue
    #3c64dc
  • Blue (Crayola)
    #1478f0
  • Royal Blue
    #5064dc
  • Bright Navy Blue
    #2878dc
The palette consists of Dark, Light colors. Accent colors White #ffffff and Blue (Crayola) #1478f0. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #141414, #1478F0, #2878DC, #3C64DC, #5064DC, #FFFFFF

Palette Ui graphic design palette has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #3c64dc, RGB: (60, 100, 220)
HEX: #1478f0, RGB: (20, 120, 240); HEX: #5064dc, RGB: (80, 100, 220); HEX: #2878dc, RGB: (40, 120, 220)
Simplified version of palette colors
Shade of Black, White, Tint of royalblue, Tint of royalblue, Shade of royalblue, Tint of steelblue
Color scheme was created by colourlock

Colors codes in palette

Ui graphic design palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffffff #ffffff RGB(255, 255, 255)White
#3c64dc #3c64dc RGB(60, 100, 220)Royal Blue
#1478f0 #1478f0 RGB(20, 120, 240)Blue (Crayola)
#5064dc #5064dc RGB(80, 100, 220)Royal Blue
#2878dc #2878dc RGB(40, 120, 220)Bright Navy Blue

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3c64dc
#1478f0
1.22
#3c64dc
#5064dc
1.03
#3c64dc
#2878dc
1.18
#1478f0
#5064dc
1.18
#1478f0
#2878dc
1.03
#5064dc
#2878dc
1.14

Image palette Ui graphic design palette png